Make sure that learners can pause, stop or hide any moving, blinking, scrolling or auto-updating information such as animations, silent videos, scrolling text etc .
How do I comply?
- This standard applies specifically to any content which appears on a screen with other content, starts automatically and lasts for longer than five seconds.
- For any of this type of content, you must provide a control which allows the learner to pause, stop or, hide the content.
- If the moving, blinking or scrolling are part of an essential activity e.g. an animation which demonstrates how something works, this is exempt.
- If your content flashes more than 3 times per second, it can lead to seizures and will also fail 2.3.1. Three Flashes or Below Threshold (Level A).
There are exceptions to this standard but they are unlikely to apply to eLearning resources. For example, any content which updates automatically without the user having control, such as live weather or sports updates.
- Many people find moving, blinking or scrolling content distracting.
- People with cognitive impairments, particularly those with attention deficit disorders, may be particularly sensitive to moving, blinking or scrolling content.
- Any content which moves or updates, can cause a problem for anyone who struggles to read text quickly, or finds it difficult to track moving objects.
- Moving text can also cause problems for screen reader users, because the content can disappear, before the screen reader has had time to read it.
1. Decorative video
Decorative video with stop button
The start page of a module about helping to save the planet. There is a decorative video of a globe spinning in the background. At the bottom of the page there is hand icon. Next to this icon, there is an instruction which says “Select to stop animation”. The learner selects this icon and the globe stops spinning.
2. Image carousel
Image carousel with stop button
The opening pages of an induction training module. The page has a carousel which automatically scrolls through 3 images of an office. In the bottom right hand corner of the slide is a hand icon. When the learner selects this icon, the images stop scrolling automatically. Instead, the learner can select each of the images by selecting one of three circle icons which appear at the bottom of the page.
3. Animated text and screen reader demonstration
The video clip below demonstrates why automatically animated text should be avoided. The text which flies into the page automatically, appears too quickly so the screen reader misses the final point completely. Remember that screen reader users can customise their software so that it reads at a speed which is best for them. This makes it impossible to test whether a screen reader would correctly read out all of the animated text. For this reason, we believe it is best to avoid.
How can I test?
Make sure that a learner can pause, stop or hide any moving, blinking, scrolling or auto-updating content in your eLearning resource.
|Guideline||2.2 Enough time|
Provide users enough time to read and use content.
|WCAG link||2.2.2 Pause, Stop, Hide (Level A)|
|WCAG text||For moving, blinking, scrolling, or auto-updating information, all of the following are true: |
Moving, blinking, scrolling: For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and
Auto-updating: For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential.
Help us to make this page better for everyone in the eLearning community by contacting us with your improvements, examples and suggestions.