The Accessibility checker can be used from the panel of the Content Editor, it has a human icon.

This feature scans the HTML of all the content(text, images, links) entered in the editor and checks various WCAG and Section 508 accessibility problems. It also has an auto-repair feature that lets the user fix identified problems.

You only need to click once on the icon and it will display the results.

If no errors are found, a green message will be displayed: 'Success! No accessibility issue detected'.

Otherwise, the specific error will be displayed and what needs to be done to fix it.

Some errors can be automatically fixed by clicking the Repair button but others need to be manually fixed.

Below is the full list of issues the checker can identify:

This rule checks that headings tags are used sequentially.

As an example, a h1 tag should be followed by an h2 one and not an h3. Using sequential headings will make it easier for assistive technology to parse your content.

This error needs to be manually fixed. You can highlight all headings from the page, check the Formats dropdown to see what type of heading is used, and amend it.

This checks if 2 or more hyperlinks that are right next to another have different destinations.

For example, If an image link and a text link have the same destination.

This error can be automatically repaired from the Accessibility checker.

This rule checks that an ol element is used for ordered lists. It's considered bad practice to start paragraphs beginning with numbers or Roman numerals instead of an ol element containing li items. This is to simplify navigation and parsing of the content for users of assistive technologies.

This error needs to be manually fixed.

By default, the editor will try to create an ol if you add numbers at the beginning of a sentence followed by a dot and a space.

However, if the ordered list was not created you can highlight the full list and then select the Numbered list option from the editor's panel.

It's similar to the above rule but checks if ul elements are used properly. Paragraphs should not start with characters such as '*' and '-'.

This is another error that needs to be fixed manually. Highlight the list and click on the Bullet list icon.

Our Accessibility checker is set to the AA compliance level. This means the contrast ratio needs to be at least:

This will apply to buttons as well.

A contrast error cannot be automatically fixed as the tool cannot recommend colours. You will need to change either the text colour or the background colour to achieve a higher contrast ratio.

An ID can be used only once on a single page as duplicate attributes are known to cause problems for assistive technologies when parsing the content.

This error can be automatically repaired. If the Repair function is used one of the IDs will be removed.

All images need to have alternative text for screen readers and other assisting technologies.

To add alt text to an image, when you add it from the Media Centre, go to the Settings tab and complete the Alternative text field.

Alternatively, you can use the checker itself as this error can be automatically repaired.

There is also the option to set the image as decorative.

An Image alternative text should be less than 100 characters warning dialog presented if the alternative (alt) text is longer than 100 characters. This dialogue also presents the alternative text in an editable field, for immediate repair.

It's advisable to have table captions that describe their data so the content is easier to be parsed by screen readers.

The Accessibility checker will present a field where the caption can be added.

This rule checks that all table elements contain at least one table header (th) element.

It can be automatically repaired and there are 4 options scope options for each th element: