Skip to main content Skip to navigation

Use the accessibility pane in the Components Editor

The Components Editor provides automatic accessibility checking of your page content as you work on it. Any issues detected, along with options for fixing them, are detailed in the accessibility pane on the right of the editor.

Important: It's not possible to automatically detect all issues, so some manual checking is also necessary, as the University is required to comply with accessibility legislation.

For more information on creating accessible websites, see our accessibility guidance and accessibility checklist.

In this article:

Check a page's accessibility status

Any issues detected while you work on your page are detailed in the Accessibility pane on the right of the editor. The Components Editor uses a "traffic light" system to indicate the presence of detected accessibility issues:

The accessibility check for a page with a serious issue

Accessibility issues present

Your page contains errors that you should definitely fix before publishing. This kind of error can cause problems with accessibility technologies like screen readers, for example. Use the Highlight button next to an issue to see where it occurred, along with a summary of the problem.

The accessibility check for a page with some possible issues

Potential accessibility issues to address

The page potentially has issues that could cause accessibility problems for users. Use the Highlight button next to an issue to see where it occurred, along with a summary of the problem.

The accessibility check for a page with no detected issues

Automated check passed

The automated checker has detected no accessibility issues with your page. Note, however, that it's not possible to automatically detect all issues, so some manual checking is recommended - see our accessibility checklist.

Pause automatic accessibility checks

On larger pages, the frequency of automatic accessibiliy checks may impact performance. To suspend automatic checking, select the Pause live accessibility audits button in the top right corner of the Accessibility pane. The editor will run a check immediately after you select the Resume live accessibility audits button or attempt to Publish your page.

Fix detected accessibility issues

  1. Scroll down to the error description in the accessibility pane, where you see a summary of the issue and suggested options for fixing it:

    An accessibility warning description, with the 'Highlight' button highlighted

    Note: Where more than one of the same type of issue is found, there is a separate Highlight button for each instance.
  2. Select Highlight below the explanatory text. The editor scrolls to the relevant content on the page and displays a box around it:

    A highlighted error in the Components Editor

  3. Fix the issue as suggested. The accessibility pane automatically updates as you make changes.

    Tip: Select the Re-check accessibility now button in the top right of the accessibility pane to manually refresh the accessibility status.

  4. When you've finished, select Publish.

    Note: if you select Publish on a page with detected accessibility issues, a warning pop-up is displayed, giving you the option to Publish anyway or Go back and fix the issues.

    The 'Accessibility issues' alert pop-up

Support

Email webteam@warwick.ac.uk
How to report a problem