Accessible Technology

Making sure a document is accessible supports people who use assistive technologies. It also makes the document more usable for everyone. This tutorial reviews the most common accessibility issues that should be addressed when creating documents. 

Accessible Documents

The following examples are illustrated in Microsoft Word 2016, but the principles are universal. Most programs have equivalent tools to perform these features.

Document Headings

While an individual with functional vision can scan a page for large or bold text to identify headings, individuals with a visual impairment who rely on screen readers miss these visual cues. Adding section heading styles to documents provides important semantic structure that screen readers can access. Avoid text size or emphasis (i.e., bold, underline, italic) as the sole means of identifying a heading.

Assign headings based on their hierarchy in the document. Some things to remember when creating headings:

  • The main title or description of the document should be assigned Heading 1; there should only be one Heading 1 element per document.  
  • Sub-headings of equal importance should follow as Heading 2. Think of these as the main chapters of the document.  
  • Headings at level 3 would break off from a Heading 2 element. Any further sub-headings should continue this pattern (Heading 4, etc.).
  • Never skip a heading level (e.g., don’t go directly from a Heading 1 to a Heading 3).

To add a heading style:

  1. Select the heading text in the document
  2. Click the appropriate heading level from the styles area of the Home ribbon
Headings selection in styles area of the Home ribon
 Word 2016 for Windows

 

Bonus: Once you have added heading styles, Word can easily build an accurate table of contents for the document.

Alternative Text (Alt text) on images

Individuals with no or low vision obtain information provided from images by listening to text-based descriptions called alternative text or alt-text. All images that contain important information should include alt-text. The alt-text should be as concise as possible (up to 150 characters) and describe the content and function of the image. Guidance on effective alt-text varies, but one helpful approach is to imagine describing the image to someone on the phone.

 To add alternative text:  

  1. Right-click on image and choose Format Picture
  2. Select the Layout and Properties tab (Size and Properties on Mac) and enter alternative text in the Description field, NOT the Title field
 
Layout and Properties tab of Format Picture Dialog Box in Office 2016 for Windows
Word 2016 for Windows
 
Layout and Properties tab of Format Picture dialog box in Word 2016 for Mac
Word 2016 for Mac

Descriptive Hyperlinks

If fully-formed hyperlinks are used as display text, a user who relies on a screen reader or text to speech software can easily become confused as the hyperlink is read out one character at a time. A better option is to use natural language as display text instead of the full hyperlink. For example, instead of using the hyperlink https://www.mtu.edu/admissions, use more descriptive display text like Michigan Tech Undergraduate Admissions page. Both hyperlinks will take the reader to the same web page, but the more descriptive link provides better context for all users.

To add a descriptive hyperlink:

  1. Enter the descriptive natural language link text in the document
  2. Select the link text, right-click and choose Hyperlink
  3. Enter the full hyperlink in the Address field
  4. Click the ScreenTip button and enter the same descriptive link text from the document

edit hyperlink text dialog box

If you expect users to print the document, including both the full hyperlink text and the descriptive link text may be appropriate.

Avoid generic link display text

Individuals who use screen readers are able to browse all links in a document to determine the content. To avoid confusion, avoid generic link display text such as "click here" or "more info." When multiple links use the same link display text, a user has no way of differentiating between them.

Tables

Use tables to present information and not as a method of controlling the layout and alignment of information in your document. Use column and/or row headers to provide proper table structure for users of screen readers to properly access the table information.  

To create a table:

  1. From the Insert tab in Word, click on the table icon and select the desired number of rows and columns 
    table icon in Insert tab in Word
     Table tool in Microsoft Word 2016 for Windows
     

  2. To ensure accessibility, click to select the column headers in the first row of the table
  3. Right-click and select Table Properties
  4. From the Row tab in the Table Properties, dialog check the box to "repeat as header row at the top of each page." Also, make sure the option to "Allow row to break across pages" is not checked. Choose the Alt Text tab in the Table Properties and add an alt-text description

table properties dialog

 

table row breaks across pages
 Example of a table with rows breaking across pages

 

If the table has proper structure, the user should be able to navigate through using only the tab button on a keyboard. Avoid the use of split cells and merged cells in tables. These can create accessibility problems for screen readers.

Lists

Use the list creation tool in the Home tab of the Word ribbon to create numbered or bulleted lists in documents. This is the only way to create lists that are accessible. Using the tab key to create indented rows with dashes or numbers may create the visual appearance of a list, but will not be accessible. 

list function buttons in Word in Mac and Windows
 List function in Microsoft Word 2016 for Mac (left) and Windows (right)

 

To create a list:

  1. Click the bulleted or numbered list button from the Home tab of the ribbon
  2. Begin typing list items
  3. Click list button again to close the list tool

Multiple Columns

Use of the tab key or spacebar can create the appearance of columns in a document. However, this approach can create problems with the reading order of content accessed by a screen reader. Use the Columns tool in the Layout tab of the ribbon to create accessible columns.

To create multiple columns:

  1. Select all text that needs multiple column formatting
  2. Click the Columns tool in the Layout tab of the ribbon
  3. Select the number of columns and any other alignment options desired from the More Columns option

columns tool in layout tab

Color Contrast

To support people with low vision or color blindness, pay attention to the contrast ratio between text and the document background. Aim for a contrast ratio of at least 4.5:1.

  • A very good contrast ratio (foreground text=black, background=white, ratio=21:1
  • A satisfactory contrast ratio (foreground text=#6C6C83, background=white, ratio=5.1:1
  • A failing contrast ratio (foreground text=#A6A6A6, background=white, ratio=2.4:1

The Colour Contrast Analyser is a free utility for checking the contrast ratios of text and other elements in Word documents.

Color as Context

Never rely exclusively on color to provide information, make a comparison, or to illicit a response. Individuals with non-functioning vision or color blindness, will likely not be able to use this information. Although color can be used in documents, you should also use text-based methods to convey information instead of relying solely on color.

Bad color example

Items below in red are vegetables:

  • Banana
  • Celery
  • Pumpkin
  • Strawberry
  • Corn

Good color example

Items below in red are vegetables:

  • Banana
  • Celery (vegetable)
  • Pumpkin
  • Strawberry
  • Corn (vegetable)

The table below demonstrates effective use of color and text to convey meaning. The color coding supports users with functioning vision, while the text descriptions support individuals with non-functioning vision or color blindness (green= "passed," yellow= "review," red= "errors").

example of a table that incorrectly uses color to convey meaning

Using the Accessibility Checker

To identify accessibility barriers in documents, Word has a built-in Accessibility Checker. To access the checker:

Word 2016 for Windows

  1. With your document open select the File tab
  2. Click Check for Issues>Check Accessibilityaccessibility checker button

 

Word 2016 for Mac OS

  1. With your document open select the Review tab
  2. Click Check Accessibility from the ribboncheck accessibility button in word toolbar 

 

The Accessibility Checker will open in a panel to the right of your document with results. When you choose an item in the Inspection Results panel the item is selected in the document. At the bottom of the results panel, Word provides information on the reason for the error and its remedy. 

accessibility checker button

 

The Accessibility Checker identifies three categories of issues: errors, warnings, and tips. Errors are serious issues and should always be fixed; they contain content that cannot be read by screen-readers and individuals with other disabilities. Warnings, though less serious than errors, can pose problems for some people reading the document. Tips are potential problems that Word identifies to help you better optimize the document’s readability and usability for everyone.

accessibility checker results

 

Sources

Microsoft Word Accessibility Video Series