Canvas - Rich Content Editor Accessibility Checklist

Last Updated: 02/05/2019

Creating accessible HTML course content will help ensure all students can access your course content. This checklist covers a variety of accessibility best practices for the Rich Content Editor in Canvas.

Run the Accessibility Checker

Canvas’s built-in accessibility checker will catch 11 different issues, including heading structure and missing alt text for images. Details on every item tested for can be found on Canvas’s Accessibility Checker Tutorial.

The accessibility checker can be launched with the “Check Accessibility” button at the end of the second row in the Rich Content Editor toolbar.

Screenshot of Rich Content Editor toolbar

Tables

Lists

  • Use the list buttons in the Rich Content Editor toolbar to create a list. Don’t create lists manually by typing numbers or asterisks at the beginning of each line.
    Learn more: Accessible Lists in Canvas

Link Text 

Headings

  • Style all of your section headings with the Header styles listed under the Paragraph drop-down menu. Use them in a logical hierarchical order; heading levels should increase in number with the increasing specificity of the header topic, and they should be used consistently throughout a page. For example, the broadest topics should be Header 2’s, and subtopics of those should be Header 3’s.
  • Learn more: OIT’s Canvas Accessible Content Structure tutorial.

Color Contrast

  • Ensure your text has good color contrast against its background. You can test color contrast using the WebAIM color contrast checker or the accessibility checker described above.

Images & Multimedia

  • Describe all of your images with alt text.
    • Alt text can be added in the Insert/Edit Image dialog box that appears when you select “Embed Image” in the content editor toolbar.
    • The text should explain the content of the image to someone who cannot see it. Include only as much detail as is needed to convey its purpose or meaning.
  • If the image is purely decorative and contains no content, you should select the Decorative Image checkbox option rather than adding alt text.
    Screenshot of Attributes section which includes Alt Text field, Decorative Image checkbox and dimensions field
  • Tip: If you didn’t add alt text when you first added the image, you can add it later by selecting the image and then selecting the Embed Image button in the Rich Content Editor (RCE) toolbar.
  • Learn more:
  • If you have videos in your course, consider adding captions. If you have audio files, consider adding a transcript.

External Documents

Content for this page modified from the Online Education Initiative under a Creative Commons license.