If you are using the HTML editor to create a new file or to edit a previously created file, you can locate the accessibility checker tool in the bottom right corner of the editor. Here it is located with spell checker, HTML Source Editor, Preview, and Toggle Fullscreen.
Using the Accessibility Checker
The Accessibility Checker follows a set of rules established by W3C and WCAG 2.0 when searching your HTML document. These are the various rules that are checked by the Accessibility Checker:
- Usage of paragraphs as headings
- Sequential headings
- Adjacent links
- Ordered list structure
- Unordered list structure
- Contrast ratio of the text
- Image ALT text
- Alt text filename
- Table caption
- Complex table summary
- Table caption and summary
- Table heading scope
- Table markup
- Table headers
When you utilize the Accessibility Checker by selecting the Accessibility Checker icon, a popup appears with information about the number of issues your file has, a statement of what the issue is, recommended fixes for the issue, as well as the option to repair, ignore, or skip to a different issue.
If you don’t understand what the issue is with your file, in the Accessibility Checker popup where the issue is listed, a question mark appears. Select the question mark to learn about the reasoning for the issue and why it needs to be fixed. Here you will be guided to the working notes from W3.org
Example Error in My HTML File
Here in my file I tried to use a different color font to make text stand out to students. The Accessibility Checker identified the color contrast to not meet the contrast ratio for web content.
That makes sense, but I’m not certain what they mean by the 4.5:1 ratio. By selecting the question mark from the listed issue, I am guided to the W3C Working Notes on Contrast. Here I can get a full understanding of the criterion and an explanation of how to utilize appropriate contrast as well as a list of additional resources for support.
The Accessibility Checker is not perfect. It is recommended that you continue to check the document yourself and follow the guidelines for accessibility, and only use the checker as confirmation of your scanning and fixing of any accessibility issues in your document.