pause-moving-content
Rule Severity : Moderate
Description
Automatically moving content such as videos, carousels, or animations must provide users with a way to pause or stop the motion. Without this control, users with cognitive disorders may find the content distracting or uncomfortable.
The pause-moving-content rule aligns with WCAG Success Criterion 2.2.2 (Pause, Stop, Hide), which requires that users can control moving, blinking, or auto-updating content.
Examples
In the following example, a video autoplays without a pause button, violating the rule:
In the corrected example, the video includes a pause button for user control:
In the following screenshot of a correct example, a pause button is highlighted. This can be part of the video controls or a lone button embedded in the video.
How to fix?
Follow these steps to fix the issue for different content types:
- Use native controls attribute or implement custom pause or stop buttons on videos, carousels, animations and other automatically moving content.
- Consider avoiding unnecessary or distracting videos.
- Consider avoiding autoplay of videos and other moving content.
References
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
We're sorry to hear that. Please share your feedback so we can do better
Contact our Support team for immediate help while we work on improving our docs.
We're continuously improving our docs. We'd love to know what you liked
Thank you for your valuable feedback!