Don’t interrupt your users

Some of your users will have difficulty maintaining their focus and attention; interrupting their experience may impact their understanding of your content. You can avoid this by eliminating interruptions.

What to do

Don’t use an automatic redirect or refresh function based on a time delay (for example, if a webpage has moved, do not

2.2.4 – Interruptions (Level AAA)Read more

Your website is accessible by keyboard only, without exception

Your users have varying degrees of motor skills and may use your website with only their keyboard. Users with motor impairment, including many elderly users, need help to navigate your website.

All parts of your website must be accessible by keyboard only. That means, without a mouse or

2.1.3 – Keyboard (No Exception) (Level AAA)Read more

Don’t use images of text.
Users with visual or cognitive impairments may rely on changing font size, colour, alignment or spacing to enjoy your content.
Text allows for this kind of personalisation, but images of text almost always don’t.
How to Pass

Don’t use an image of text when you can use plain text
Display quotes as text rather than

1.4.9 – Images of Text (No Exception) (Level AAA)Read more

Offer users a range of presentation options.
Users with visual or cognitive impairments may need to customise the presentation of your website to understand and enjoy it.

Some users require a certain background and foreground colour to comfortably read text. Others find long lines or justified text difficult to follow and some find it hard to read

1.4.8 – Visual Presentation (Level AAA)Read more

Audio is clear for listeners to hear.
Some users have difficulties with their hearing and won’t be able to hear your audio content as clearly as others, especially separating speech from background audio.

You can help by ensuring that your audio is clear. If you have pre-recorded audio-only content, keep background noise to a minimum so that

1.4.7 – Low or No Background Audio (Level AAA)Read more

The contrast ratio between text and background is at least 7:1.
All users benefit from a good contrast between the text on your website and the background colour.

Some users with visual impairments need a stronger contrast than others to understand your content, so getting your colour choice right is essential.

While the minimum contrast for Level AA

1.4.6 – Contrast (Enhanced) (Level AAA)Read more

Provide alternatives for live audio.
Some users with hearing impairments may rely on alternatives to enjoy live audio-only content.
How to Pass

Add captions to live audio; or
If the live broadcast is from a prepared script, make the script text available from near the original content.

To add live captions to an audio broadcast, you will need

1.2.9 – Audio Only (Live) (Level AAA)Read more

Provide a text alternative to pre-recorded videos.
Users with visual and/or hearing impairments may not be able perceive the information in a video from its soundtrack or captions.
How to Pass
Provide a full text transcript for your video and link to it from near the original content
If the video is itself an alternative, you don’t need to

1.2.8 – Media Alternative (Pre-recorded) (Level AAA)Read more

Provide extended audio description for pre-recorded videos.
Users with visual impairments may rely on audio description to enjoy videos. Adding an audio description soundtrack to videos means these users get all information from the content.

For videos where there’s more information to convey than the natural pauses in the soundtrack allow you, those users need an extended

1.2.7 – Extended Audio Description (Pre-recorded) (Level AAA)Read more