5

Accessibility

Last Update één maand geleden

Course Accessibility Block Accessibility Checker Screenreader Helper Immersive Reader, Office 2019 Immersive Reader, Office 365

Accessibility Checker

Margarita Berezyanskaya

Last Update één maand geleden

The Accessibility checker icon, marked with a circular accessibility symbol, launches an automated accessibility checker which checks for some out of compliance accessibility issues in the text, such as:


  • Images with missing alternative text

  • Contrast of foreground color and background color that do not meet WCAG AA guidelines

  • Long blocks of text that are not sufficiently broken up with headings

  • Tables missing captions

  • Tables missing header rows or columns

  • Tables with merged cells


The Accessibility checker appears in the description section of all resources and activities as well as in the following tools:


  • Book

  • Forum posts (advanced)

  • Glossary

  • Label

  • Lesson

  • Pages

  • Questionnaire questions

  • Quiz questions

  • Realtime questions

  • Wiki pages

  • Word Card (Feedback)

  • Workshop

Using the Accessibility Checker

1. On an Avenue course, click on the Turn editing on button.


2. Locate a resource or activity on a course.


3. Click on the Edit link beside the resource or activity.


4. Click on the Edit settings link in the drop-down menu.


5. In either the Description or Page content editors, click on the Show more buttons icon. 



Note: More functional icons appear in the editing widow.

6. Click on the Accessibility checker icon.



Note: The Accessibility checker pop-up appears. 
Note: Potential issues reported in the Accessibility checker are listed with suggestions to improve the issues.

Colour Contrast

The colours of the foreground and background text do not have enough contrast. To fix this warning, change either foreground or background colour of the text so that it is easier to read.



Note: To fix this use the Font colour and Background colour tools in the editing Toolbar. 


 

Alternative Image Description

Images need to have either a text description for a screen reader or a designation that they are decorative, so screen readers can skip them. Avenue does not allow users to add images without a description or a designated decorative check.


Headings

If a long text does not have defined headings, the accessibility checker will remind the editor. 


 

Tables

Tables should have captions and either column or row headers for screen readers to read. 



Avenue's Table tool displays a pop-up with three accessibility features. These are Caption, to allow the screen reader to read out the topic of the table, Define headers, to allow the screen reader to read the column or row titles, and the Border and Background colours, to allow for colour contrast and delimitation for reading alignment.