The Accessibility Checker

Using the Accessibility Checker

The accessibility checker is a tool built into the editor that looks for common accessibility issues on site pages.

You can access the accessibility checker by opening any existing page content element (or adding a new page content element) and clicking the accessibility checker icon:

2018-08-22_14-49-18.png

The accessibility checker appears to the right of the content in the element:

2018-08-22_14-50-16.png

In this case, the checker has alerted to two issues:

2018-08-22_14-52-15.png2018-08-22_14-51-34.png

Both are in regard to missing alt text on the image in the content element. Adding alt text will correct both issues.

The accessibility checker offers a "Quick Fix" button. To use it, type the desired alt text into the "Alternative text" field, and click the green button.

2018-08-22_14-52-15.png

The accessibility checker will apply the alt text. With that text applied, both issues the checker originally caught are resolved, and a completion alert appears at the top of the page:

a11yComplete.jpg

Reviewing Content for Accessibility

The accessibility checker may not catch every ADA-related issue on a page, but it's especially helpful for zeroing in on the most noticeable items to correct when conducting an accessibility review before publishing content. Finalsite has put together an Accessibility Quick Reference Guide to help you review content for common accessibility-related items to note.

The accessibility checker will reliably catch issues related to:

  • Descriptive link text (i.e., links with text like "click here" rather than text that describes the linked content)
  • Misuse of headings (page headings not in descending order)
  • Missing headers on tables
  • Using bold text (instead of a heading) to denote content structure
  • Misusing ordered lists
  • Missing alt text on non-decorative images

 

Was this article helpful?
2 out of 3 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.