Accessibility Checker
Canvas has a built-in Accessibility Checker in the Rich Content Editor. For more information, please check out 'How do I use the Accessibility Checker in the Rich Content Editor as an instructor?' on Canvas Community Forum. To access the Accessibility Checker, click the 'Accessibility Checker' icon below the editing area.
Since it only checks the existing content in the editor area, the Checker should be used only after the content is entered. Here we use construction of a common content page that contains text, links, and images as an example and summarize the general accessibility issues the Accessibility Checker examines.
Text entry: When text is entered, a hierarchy of headings should be used.
The 'Paragraph' button allows you to select different headings. Heading 1 is reserved for the page title; in this example, the box states 'Lecture About Accessibility Checker' in the image. The Title of the text in the editor starts with Heading 2, and the subtitle will in turn use Heading 3. They must be in order. Nonetheless, headings can be repeated. If you have multiple subtitles, you should use Heading 3 for all of them for consistency. The text between titles/subtitles should stay as Paragraph.
A bit more about text:
Avoid adding highlighted background or text colors unnecessarily. Contrast allows content to be distinguishable. Digitally, black and white have the greatest contrast. Larger text size could also be helpful. When more colors are used, they are bridging the gap and the content becomes less distinguishable. This is analogous to a jigsaw puzzle with lots of trees. It is difficult to distinguish the jigsaw pieces using the green colors. Poor contrast is like seeing shades of the same color.
Links: Avoid using URL or phrases such as 'click here.'
Why shouldn't we use 'click here'? A content page typically has many hyperlinks. If we scroll down the page and skip the context, it is challenging to identify which one we should click. When the text is meaningful and clear, it is more convenient for everyone to understand the purpose of that link. This goes the same as URL.
Images: Alt Text should be added for important details
While an image could have a lot of information, alt text only needs to include relevant information. There are different reasons an image may not load properly. For example, a slow wi-fi connection. When an image disappears, the reader may be confused. However, if you add alt text, then the audience would know what the image is about. If it is a data graph or an artwork, even when the image appears properly, the alt text can be very helpful. Not only does it provide a clear description, but it also helps students understand the intent of the image.
Accessibility Checker in Action:
In this example, the subtitle uses Heading 4 instead of Heading 3. Since the Title uses Heading 2, the Accessibility Checker displays the issue. At the same time, it provides a list of choices under 'Action to take:' and helps you adjust the content. The automatic fix option in this case adjusts the subtitle using Heading 3. Since a page can help multiple subtitles, two places could use Heading 3. If it is not your intent, then you may have to further adjust the content so that the text will have the appropriate semantic meaning. After all issues are fixed or no issues are found, you will see an image with balloons.