CKEditor and Accessibility

What Does It Do?

You can use the Accessibility Checker in the CKEditor toolbar to inspect the accessibility level of content created in the editor and immediately solve any issues that are found.

The Accessibility Checker presents any accessibility issues with each item in the text box, 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. This feature is very helpful although it cannot ensure your course content is 100% accessible.

The Sakai community is committed to accessibility. The community regularly reviews the platform for compliance and works with institutions and vendors to address any issues that are discovered so the service is usable by people with different abilities.

How You Can Use It

  • Help your course meet accessibility standards by quickly adding alternative text (ALT text) to images. ALT text is what a screen reader reads to an individual when it encounters an image.
  • Ensure that your paragraph formatting and headings are optimized for screen reader accessibility.
  • Use the CKEditor Accessibility Checker to quickly add headers to tables. Users of screen readers cannot read tables the same way sighted users do. While sighted users can tell at a glance what column and row a given cell is associated with, a screen reader user needs a table to include appropriate headers and captions so that they can match up content in columns and rows.

Instructions:

  1. Create your content in the CKEditor.
  2. Click the Accessibility Checker icon (looks like a little human inside a circle).Sakai Accessibility Icon Image
  3. The Accessibility Checker has multiple "Quick fix" options to correct accessibility issues. Below are a few of the most commonly used ones:
    • Quick fix option for images:
      • If you have an image that lacks alternative text, enter a short, meaningful description for the image in the text box provided. Note: If the image requires a longer description, consider including that description in the body of the document. Tip: 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.
      • Click "Quick fix."
    • Quick fix 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.
        • Select a header level from the drop-down menu (the accessibility checker will automatically suggest a header level for you).
        • Click "Quick fix."
    • Quick fix for tables:
      • From the Position drop-down menu, select 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.
      • Click "Quick fix."
    • Manually fix issues:
      • 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 was created by typing "1), 2), 3)" or "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.
        • If you need to make manual changes, click the X icon (Close) in the top-right corner of the accessibility checker.
        • Edit your content using the numbered list button.
        • Click the Accessibility Checker icon again to continue checking.

Back to top ^

See Also

 

<< Back to Faculty Guides for Courses.