pause-moving-content

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:

1. Use native controls attribute or implement custom pause or stop buttons on videos, carousels, animations and other automatically moving content.
2. Consider avoiding unnecessary or distracting videos.
3. Consider avoiding autoplay of videos and other moving content.

References

• WCAG SC 2.2.2: Pause, Stop, Hide
• Technique G4