Animation, Motion, and Timed Content

Accessibility Techniques for Animation, Motion, and Timed Content
Topic Technique WCAG AA Requirement
Audio and Video See the audio and video requirements. Required
Flashing Flashing: A page MUST NOT contain content that flashes more than 3 times per second unless that flashing content is sufficiently small, the flashes are of low contrast, and do not violate general flash thresholds. Required
WCAG 2.3.1
Parallax Effects (backgrounds or foregrounds that move separately from each other) Keyboard-Accessible: All content and features within parallax scrolling content MUST be accessible by keyboard. Required
WCAG 2.1.1
Text Color Contrast: The contrast of the text against all parts of a moving background MUST be a minimum of 4.5 to 1 for small text or 3 to 1 for large or bold text. Required
WCAG 1.4.3
UI Component Color Contrast: The contrast of UI control boundaries compared to adjacent areas SHOULD be 3 to 1 to distinguish the UI control from the adjacent areas. Required
WCAG 1.4.11 (WCAG 2.1)
User Control of Timing Autoplay: A method MUST be provided to pause, stop, or hide any media content that begins playing automatically and which lasts 5 seconds or more. Required
WCAG 2.2.2
Time Limits: A method MUST be provided to allow users to control time limits by turning them off, adjusting them, or extending them (unless the timing is essential or if the time limit is longer than 20 hours). Required
WCAG 2.2.1
Replay Option: A method SHOULD be provided to allow users to replay timed content that is finished or expired (unless replaying the content fundamentally alters its purpose or meaning). Best Practice