‘Page Break Navigation’ requires you to provide a way to navigate between page break locators.
Page break locators are a way to guide users through meaningful points within content. For example, an online version of a book might use page markers to match up with a print edition.
Users with visual impairments or those who rely on
‘Focus Appearance (Enhanced)’ requires that focus indicators are more clearly distinguishable when active.
Introduction
Focus indicators help users see which element on a page currently has focus, they are especially useful for people with low-vision, memory or mobility impairments.
Where a focus indicator is used to show an element has current focus, it must be clearly visible and
‘Focus Appearance (Minimum)’ requires that focus indicators are clearly distinguishable when active.
Introduction
Focus indicators help users see which element on a page currently has focus, they are especially useful for people with low-vision, memory or mobility impairments.
Where a focus indicator is used to show an element has current focus, it must be clearly visible and distinguishable
‘Animation from Interactions’ requires that users can disable motion animation.
Introduction
Animations on a website can distract users and, in some cases, cause nausea. Avoiding animated elements triggered by the user (for example parallax scrolling or a ‘page loading’ animation) can help these users enjoy the website.
How to Pass ‘Animation from Interactions’
Don’t use motion animation on your
Warn users about timeouts that cause data loss.
Introduction
Time limits can cause problems for some users with cognitive impairments, who may take longer to complete tasks on a website. It’s therefore important to allow users to complete a process in more than one sitting and alert users to the length of any timeout period.
How to Pass
Allow users to turn off or remap single-key character shortcuts.
Introduction
Keyboard shortcuts can help some users, but cause difficulty for those using speech input and some users with motor impairments. They can also cause issues on mobile screens as the functional area is reduced on a mobile keyboard.
For speech input users, single-key shortcuts (for example, the
When hover or focus triggers content to appear, it is dismissible, hoverable and persistent.
Introduction
Additional content triggered by keyboard focus or mouse hover can cause accessibility issues for users with visual or cognitive impairments. Additional content can surprise users, prevent them completing a task or obscure content.
To overcome these issues, users must be able to understand
Content and function retain meaning when users change elements of text spacing.
Introduction
Users with visual or cognitive impairments may wish to amend the default spacing around text content to make it easier for them to read and understand. When they do so, the content should remain visible in full.
How to Pass ‘Text Spacing’
Content and function remain
The contrast between user interface components, graphics and adjacent colours is at least 3:1.
Introduction
All users benefit from a good contrast between the components on your website and the colour around them.
Some users with visual impairments need a stronger contrast than others to fully distinguish and use components such as input fields, buttons and controls, so getting
For ‘Reflow’, you must ensure all content retains meaning and function without scrolling in two dimensions.
Introduction
Some users with visual impairments need to resize text to read it comfortably.
When users enlarge content up to 400% of the default size, they should not have to scroll in their browser in more than one direction – horizontally and vertically.
How to Pass
