Skip to main content

Design Tools: Accessibility

Design Tools also has a accessibility tool to check for accessibility errors within the editor. It is broken up into three different options: Heading Outline, Image check, and Link Check.

To access the Accessibility Checker:

  • Go to any page you want to check and click Edit.
  • Click the rocketship (Design Tools) in the top right
  • Click on Check Accessibility accordion to get the options below

canvasDesignToolsAccessibilityChecker

The Headings tool looks at the headings on a page for proper order.

Headings indicate the importance of content and should be nested properly to help users navigate content. Skipping levels should be avoided.

The Headings tool creates a representation of the heading structure of your content. Indicating whether or not your headings are nested properly.

If a heading progresses in a sequential fashion, it will receive a checkmark . If a heading skips one or more levels, it will receive an exclamation point .

To make adjustments to the headers use the arrow buttons next to the heading to adjust the heading level.

canvasAccessibilityHeadingOutline

The Image Check tool looks at the Images on a page for the presence of alt text. You can edit an image's alt text with this tool.

View all of the images on this page and their alt text.

To change the text in the field below the image to update the alt text.

canvasAccessibilityImageCheck