Animation, Motion, and Timed Content
Topic | Technique | WCAG AA Requirement |
---|---|---|
Audio and Video | See the audio and video requirements. | Required Multiple |
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 |