Make your Sway design accessible

Make your Sway design accessible

This matter offers you step-by-step directions to make your Sway content material accessible to folks with disabilities.

Sway storyline view

Sway content material tends to be extremely visible, and people who find themselves blind or have low imaginative and prescient can perceive it extra simply for those who create your Sway with accessibility in thoughts.

Home windows iOS

Finest practices to make your Sway accessible

The next desk consists of key finest practices for creating Sway content material that’s accessible to folks with disabilities.

What to repair

The best way to discover it

Why repair it

The best way to repair it

Use enough distinction for textual content and background colours.

To seek out inadequate colour distinction, use the Accessibility Checker.

You too can search for textual content and different components in your Sway which are laborious to learn or to differentiate from the background.

Use sturdy distinction between textual content and background, so folks with low imaginative and prescient can see and use the content material. Use darkish textual content on a white or off-white background, or reverse it and use white textual content on a darkish background.

White and black schemes additionally make it simpler for people who find themselves colorblind to differentiate textual content and shapes.

Use accessible textual content colour

Use built-in headings.

To seek out headings that aren’t in a logical order, use the Accessibility Checker.

To protect tab order and to make it simpler for display readers to learn your paperwork, use a logical heading order and the built-in heading playing cards in Sway.

For instance, set up headings within the prescribed logical order. Use Heading 1, Heading 2, after which Heading 3, moderately than Heading 3, Heading 1, after which Heading 2. And, set up the knowledge in your paperwork into small chunks. Ideally, every heading would come with only some paragraphs.

To assist distinguish content material areas for individuals who hear moderately than see your Sway, make your titles and headings distinctive.

Use built-in heading kinds

Use default textual content type.

To seek out cases of accented (italicized) textual content, visually scan your doc.

Individuals with studying disabilities might need issues with italics, phrases in all capital letters, and underlines.

Use accessible textual content format

Add significant hyperlink textual content.

To find out whether or not hyperlink textual content is sensible as standalone info and whether or not it offers readers correct details about the vacation spot goal, visually scan your doc.

Individuals who use display readers typically scan an inventory of hyperlinks. Hyperlinks ought to convey clear and correct details about the vacation spot. For instance, as a substitute of linking to the textual content Click on right here, embrace the complete title of the vacation spot web page.

Make hyperlinks accessible

Embrace various textual content with all visuals.

Examine that pictures and movies have significant alt textual content.

Various textual content helps individuals who cannot see the display to grasp what’s essential in pictures and different visuals.

Keep away from utilizing textual content in pictures as the only real methodology of conveying essential info. In case you should use a picture with textual content in it, repeat that textual content within the doc. Within the various textual content, briefly describe the picture and point out the existence of the textual content and its intent.

For audio and video content material, along with alt textual content, embrace closed captioning for people who find themselves deaf or have restricted listening to.

Make pictures and video accessible with alt textual content

Make audio and video accessible with closed captions

Use accessible textual content colour

Listed here are some concepts to contemplate:

  • Use the Accessibility Checker, to investigate the doc and discover inadequate colour distinction. The instrument now checks the paperwork for textual content colour in opposition to web page colour, desk cell backgrounds, spotlight, textbox fill colour, paragraph shading, form and SmartArt fills, headers and footers, and hyperlinks.

  • Use the Color Distinction Analyzer, a free app that analyzes colours and distinction, and shows outcomes nearly instantly.

Use built-in heading kinds

  1. Once you need to insert a heading in your Sway, choose the Insert Content material button, after which choose one of many Heading ranges on the Textual content tab.

  2. If you wish to change an present textual content card to a heading card, choose the textual content card, after which choose the Heading button.

Use accessible textual content format

Use the Accent characteristic sparingly in your heading and textual content playing cards. For folks with studying disabilities, it is best to keep away from italics, phrases in all capital letters, and underlines.

Make hyperlinks accessible

With the Accessibility Checker, you’ll be able to evaluation the hyperlinks in your Sway and ensure they’re accessible to all customers.

  1. On the Extra choices menu (proven as three dots on the Sway toolbar when enhancing a Storyline), choose Accessibility Checker.

  2. Within the Accessibility Checker pane, choose Evaluation unclear hyperlink textual content.

  3. Within the Show Textual content field, ensure that the linked textual content is significant and describes the content material behind the hyperlink, and never “click here” or different generic phrases.

  4. If in case you have extra hyperlinks to evaluation, select the Subsequent Merchandise button and proceed reviewing the show textual content. In any other case, select Completed.

Make pictures and video accessible with alt textual content

To make pictures and video accessible to individuals who use display readers, you’ll be able to evaluation the choice (alt) textual content in a storyline. Sway creates alt textual content for a picture based mostly on its file title. Or, for those who use a picture that features alt textual content already, reminiscent of a photograph from the online, Sway consists of that textual content.

Tip: To jot down alt textual content, ensure that to convey the content material and the aim of the picture in a concise and unambiguous method. The alt textual content should not be longer than a brief sentence or two—more often than not a number of thoughtfully chosen phrases will do. Don’t repeat the encompassing textual content material as alt textual content or use phrases referring to pictures, reminiscent of, “a graphic of” or “an image of.”

To evaluation the alt textual content for pictures and movies:

  1. On the Extra choices menu (proven as three dots on the Sway toolbar when enhancing a Storyline), choose Accessibility Checker.

  2. Within the Accessibility Checker pane, choose Evaluation default various textual content or Evaluation all various textual content.

  3. Within the Various textual content field, sort or edit the textual content.

  4. If in case you have extra pictures or movies, choose the Subsequent Merchandise button and proceed including and reviewing the alt textual content. In any other case, select Completed.

Make audio and video accessible with closed captions

Not solely do closed captions make audio and video content material accessible for folks with listening to and studying disabilities, they’re additionally used when audio is not handy (for instance, a loud environments, like airports, or fairly environments, like libraries).

You may add closed captions to recordsdata based mostly in your account sort and the way you uploaded the recordsdata:

For recordsdata uploaded with this account sort

You may add closed captions to recordsdata uploaded from these areas

Audio recordsdata uploaded with a piece or college account

  • Your laptop

  • OneDrive

  • OneDrive for Enterprise

Audio recordsdata uploaded with a Microsoft account (private)

  • Your laptop

  • OneDrive

Video recordsdata uploaded with a piece or college account

  • Your laptop

  • OneDrive for Enterprise

Video recordsdata uploaded with a Microsoft account (private)

Not presently supported

Add closed caption recordsdata to audio or video recordsdata in your Sway

  1. Add a brand new video or audio card to your Sway – both by importing the content material out of your laptop, recording it, or including the content material out of your OneDrive or OneDrive for Enterprise.

  2. Increase the cardboard by choosing the Particulars button.

  3. Choose the Add closed caption button on the backside of the expanded card.

  4. Choose your closed caption file from the File Explorer (.vtt format and most dimension of 1MB).

  5. Choose the closed caption language.

See additionally

Make your Phrase paperwork accessible

Make your Excel paperwork accessible to folks with disabilities

Make your PowerPoint displays accessible

Make your Outlook electronic mail accessible

Finest practices to make your Sway accessible

The next desk consists of key finest practices for creating Sway content material that’s accessible to folks with disabilities.

What to repair

The best way to discover it

Why repair it

The best way to repair it

Add significant hyperlink textual content.

To find out whether or not hyperlink textual content is sensible as standalone info and whether or not it offers readers correct details about the vacation spot goal, visually scan your doc.

Individuals who use display readers typically scan an inventory of hyperlinks. Hyperlinks ought to convey clear and correct details about the vacation spot. For instance, as a substitute of linking to the textual content Click on right here, embrace the complete title of the vacation spot web page.

Embrace various textual content with all visuals.

Examine that pictures and movies have significant alt textual content.

Various textual content helps individuals who cannot see the display to grasp what’s essential in pictures and different visuals.

Keep away from utilizing textual content in pictures as the only real methodology of conveying essential info. In case you should use a picture with textual content in it, repeat that textual content within the doc. Within the various textual content, briefly describe the picture and point out the existence of the textual content and its intent.

Make hyperlinks accessible

To make hyperlinks accessible to all customers, you’ll be able to add show textual content.

  1. Within the Edit view of a Sway, open the cardboard containing a hyperlink, after which faucet the hyperlink button above the keyboard (the button on the left).

  2. Kind the descriptive textual content within the Show textual content area. Be certain that the linked textual content is significant and describes the content material behind the hyperlink, and never “click here” or different generic phrases.

Make pictures and movies accessible with alt textual content

To make pictures and movies accessible to individuals who use display readers, you’ll be able to add various (alt) textual content.

Tip: To jot down alt textual content, ensure that to convey the content material and the aim of the picture in a concise and unambiguous method. The alt textual content should not be longer than a brief sentence or two—more often than not a number of thoughtfully chosen phrases will do. Don’t repeat the encompassing textual content material as alt textual content or use phrases referring to pictures, reminiscent of, “a graphic of” or “an image of.”

  1. Within the Edit view of a Sway, open the picture or video card, after which faucet on the Various Textual content area.

  2. Kind the descriptive textual content.

See additionally

Make your Phrase paperwork accessible

Make your Excel paperwork accessible to folks with disabilities

Make your PowerPoint displays accessible

Make your Outlook electronic mail accessible

Technical assist for purchasers with disabilities

Microsoft needs to supply the very best expertise for all our clients. If in case you have a incapacity or questions associated to accessibility, please contact the Microsoft Incapacity Reply Desk for technical help. The Incapacity Reply Desk assist workforce is skilled in utilizing many fashionable assistive applied sciences and may provide help in English, Spanish, French, and American Signal Language. Please go to the Microsoft Incapacity Reply Desk website to seek out out the contact particulars to your area.

In case you are a authorities, business, or enterprise person, please contact the enterprise Incapacity Reply Desk.

Leave a Reply