Loyola Support Documentation

How do I check my content for accessibility?

Updated on

You can use the Accessibility Checker to inspect the accessibility level of content created in the Rich Text Editor and immediately solve any issues that are found.

The Accessibility Checker presents issues with each item in the editor one at a time. For many issues, the Accessibility Checker gives you a Quick fix option. If a Quick fix is not available, the checker will describe what needs to be done to fix the issue.

Note: The Accessibility Checker must be used on one block of text at a time, so it may be necessary to run the Accessibility Checker multiple times per page, depending on the layout of the page. By "block," we mean any content that exists within the same Rich Text Editor. To access the Accessibility Checker for any pre-existing content in Sakai, first select the appropriate Edit action to open the content in the Rich Text Editor.

Select the Accessibility Checker icon.

rich text editor with accessibility checker outlined

The Accessibility Checker button looks like a human inside a dark-gray circle.

Use Quick Fix options to correct issues.

The accessibility checker has multiple Quick fix options to correct accessibility issues. The following are a few of the most commonly used ones.

Quick Fix option for images.

accessibility checker noting one issue regarding empty alt text
  1. If you have an image that lacks alternative text, enter a short, meaningful description for the image in the text box provided.
  2. Select the Quick fix button.

Notes:

  • If the image requires a longer description, include that description in the body of the document. If the text you would normally use as alternative text would be redundant to your description, leave the Alternative text box blank instead.
  • If the image is purely decorative or used for visual formatting (e.g., a decorative horizontal bar that has no meaning, but separates text on the page), the alternative text description should be left blank to hide it from users of assistive technology.
  • For more information about creating meaningful text alternatives for images, see How can I make images more accessible?

Quick Fix option for paragraph formatting.

Structuring your document with paragraph headings helps users of assistive technology navigate the page and "skim" content to get to what they need.

  1. Choose a Header level from the dropdown menu. (The accessibility checker will automatically suggest a header level for you.)
  2. Select Quick fix.

Quick Fix option for tables.

accessibility checker showing that table should have a header

Users of screen readers cannot read tables the same way sighted users do. Sighted users can tell at a glance what column and row a given cell is associated with, but a screen reader user needs a table to include appropriate headers and captions so that they can match up content in columns and rows.

  1. From the Position dropdown menu, choose where the headers belong in the table. Choosing Horizontally makes the text in the first row into headers (i.e., the text in each column of the first row becomes the title of that column). Choosing Vertically makes the text in the first column into headers (i.e., the text in each row of the first column will be the title of that row). Choosing Both puts headers in both the first row and the first column.
  2. Select Quick fix.

Manually fix issues.

accessibility checker showing that lists should be marked using list markup
manually fixing list formatting in the rich text editor

Sometimes the accessibility checker cannot provide a Quick fix because the suggested fix requires editing your text. For example, if you have a list of items that has been created by typing "1), 2), 3)" rather than using the Numbered List button, the accessibility checker will warn you that you need to select the text and make it into a real numbered list, so that users of assistive technology can navigate it more easily.

  1. If you need to make manual changes, select the icon (Close) in the top-right corner of the accessibility checker.
  2. Edit your document's content accordingly.
  3. In this example, the list items were highlighted and then the Numbered List button was selected.
  4. Select the Accessibility Checker button again to continue checking.

Note: In the above example, after selecting the Numbered List button, manually delete "1), 2), 3), etc."

Previous Article Why should I use paragraph breaks in my document?