31 lines
1.1 KiB
Markdown
31 lines
1.1 KiB
Markdown
[Back to 2 Operable index](index.html)
|
|
|
|
# 2.3.3 Animation from Interactions
|
|
|
|
- Level: AAA
|
|
- Guideline: 2.3 Seizures and Physical Reactions
|
|
- Principle: 2 Operable
|
|
|
|
## What it is
|
|
|
|
Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.
|
|
|
|
## How to test
|
|
|
|
- Check: Motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.
|
|
- Use the sufficient techniques below as acceptable methods when applicable.
|
|
|
|
## Sufficient techniques (W3C)
|
|
|
|
- C39: Using the CSS prefers-reduced-motion query to prevent motion
|
|
- SCR40: Using the CSS prefers-reduced-motion query in JavaScript to prevent motion
|
|
- Gx: Allowing users to set a preference that prevents animation
|
|
|
|
## Resources
|
|
|
|
- WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#animation-from-interactions
|
|
- Understanding: https://www.w3.org/WAI/WCAG22/Understanding/animation-from-interactions.html
|
|
- Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#animation-from-interactions
|
|
|
|
[Back to 2 Operable index](index.html)
|