Skip to main content Skip to navigation

Use the accessibility pane in the Components Editor

The Components Editor, which is an evolution of the SiteBuilder visual 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.

The traffic light symbol at the top of the pane shows the current status:

  • Green - all the automated accessibility checks have passed.
  • Amber - there was a problem generating the report, such as temporary network slowness.
  • Red - at least one type of accessibility issue was detected. The number of different types of issue is stated at the top of the pane.

Important: it's not possible to automatically detect all issues, so some manual checking is also necessary - see our accessibility checklist. The University must comply with accessibility legislation.

To fix an automatically detected accessibility issue:

  1. Scroll down to the brief description of it (in bold) in the accessibility pane and read the explanatory text, which suggests options for fixing it.
  2. Select Highlight below the explanatory text. The editor scrolls to the relevant content on the page and displays a box around it.

    Note: where more than one of the same type of issue is found, there is a separate Highlight button for each instance.
  3. Fix the issue as suggested. The accessibility pane automatically updates when you've done this. There is also a refresh button at the top right of the pane you can use to check that the most up-to-date information is displayed.
  4. When you've finished, select Publish.

    Note: if you select Publish on a page that has issues listed in the accessibility pane, you're alerted to this in a popup, which gives you the option to Publish anyway or Go back and fix.