‘Bypass Blocks’ requires you to provide a way for users to skip repeated blocks of content.
Introduction
Websites often have the same, or very similar, content at the top of each page (for example the navigation menu, header and certain graphics). Some users with visual, motor or cognitive impairments who navigate sequentially through elements can struggle to
‘Three flashes or below threshold’ requires that no content flashes more than three times per second.
Introduction
Flashing content on a website can cause difficulties for users with photosensitive seizure disorders such as epilepsy. Flashing content can cause these users to suffer a seizure.
How to Pass ‘Three Flashes or Below Threshold’
Don’t add anything to your website that
Provide user controls to pause, stop and hide moving and auto-updating content.
Introduction
Moving or auto-updating content on a website can cause difficulties for users with visual or cognitive impairments. These users may not be able to perceive the information before it changes or may be distracted by the movement.
Alongside avoiding moving content, you can help users
‘Timing Adjustable’ requires that you provide user controls to turn off, adjust or extend time limits.
Introduction
Users with visual, motor or cognitive impairments may need more time than others to understand and use your website. Any time controls or limits can make using your website difficult for these users.
How to Pass ‘Timing Adjustable’
If content on your
‘No Keyboard Trap’ ensures users can navigate to and from all content using a keyboard.
Introduction
Users with visual or motor impairments may choose to access your website with only their keyboard. Users must be able to navigate to and away from all content and functionality on your website using a keyboard.
How to Pass ‘No Keyboard Trap’
All
All functionality is accessible by keyboard with no specific timings.
Introduction
Users with visual or motor impairment may navigate your website using only their keyboard or through assistive technology that relies on a keyboard-like interaction with your website.
How to Pass ‘Keyboard’
Ensure users can access all elements of your website using only a keyboardEnsure there are no specific
Don’t play audio automatically.
Introduction
Automatically playing sounds can distract and disorientate users, especially those with cognitive impairment or relying on a screen reader.
How to Pass
Don’t have any audio that plays automatically.
Exceptions
Although you can technically pass this guideline by adding a pause, mute or stop function to automatic audio, that’s a bad idea. You don’t want users
Don’t use presentation that relies solely on colour.
Introduction
Users with visual impairments, including difficulties perceiving colour, may need help where colours on your website present information.
You can solve this by using other identifiers such as labels, shapes and patterns, issue.
How to Pass ‘Use of Colour’
Ensure no instructions rely on colour aloneEnsure that no information (like charts
Instructions don’t rely solely on sensory characteristics.
Introduction
“Sensory characteristics” is an important but complicated-sounding phrase in web accessibility. It’s actually far less complicated than it sounds. The sensory characteristics of components are things like shapes, sounds, positioning, orientation, sound, colour and size.
You’ll often come across sensory characteristics in instructions to users. Saying things like “Use the
Present content in a meaningful order.
Introduction
The meaning of content on your website relies on the order you present it. For example, in English we read from left to right and read a left-hand column before a right-hand column.
Users who rely on assistive technology (such as a screen reader) to interpret content, require content to be
