User Guide Navigation

Check Accessibility Overview

The Check Accessibility Tools examines page elements for adherence to accessibility standards.

Interface

Check Accessibility Interface

Headings: The Headings tool looks at the headings on a page for proper order.
Image Check: The Link 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.
Link Check: The Link Check tool lists all of the links on a page to make sure they make sense out of context.

Instructions

Check Page Headings

The Check Accessibility Headings Tools allows you to examine and change the heading structure of your content.

The following statement regarding headings comes from the World Wide Web Consortium (W3C) which develops web standards:

Headings add structure and meaning to pages by labeling each content part and indicating the relative importance of those parts.

Assistive technologies and some browsers provide mechanisms to present a list of headings to the user that allows users to jump to individual headings. Headings also provide visual clues that help to skim the page or find a specific section, this is especially useful for people that are easily distracted.

It is good practice to nest headings properly. When stepping down through headings, skipping levels should be avoided. That means that an <h1> is followed by an <h1> or <h2>, an <h2> is followed by a <h2> or <h3> etc.

Web Accessibility Tutorials

To check page headings, complete the following steps:

Update Heading Interface

Open the page for editing.
Click Launch Design Tools.
In the Design Tools panel, click Check Accessibility.
In the Check Accessibility panel, click Headings.

The tool displays a check mark if the heading passes the check or an exclamation point if the heading does not pass the check. The box also changes color - green for pass or red for fail.

Tip: Click the adjust heading controls next to a heading to move the heading up or down one level.

Check Alternative Text for Images on a Page

Open the page for editing.
Click Launch Design Tools.
In the Design Tools panel, click Check Accessibility.
In the Check Accessibility panel, click Image Check.

The Image Check panel displays the images on the page and their alternate text.

Image check interface

If an image does not contain alternate text, the field will be blank. You can add or edit alternate text with this tool.

Check the Links on a Page

Open the page for editing.
Click Launch Design Tools.
In the Design Tools panel, click Check Accessibility.
In the Check Accessibility panel, click Check Links.
Click the button next to a link to change its content.