Level AAASince WCAG 2.1
2.3.3 Animation from Interactions
Guideline 2.3: Seizures and Physical Reactions – Nothing flashes or moves in a way that can make people ill.
What does the rule require?
Motion effects triggered by scrolling or clicking can be turned off. Parallax and zoom effects can cause dizziness and nausea.
How to get it right
Respect the system setting: animate only inside @media (prefers-reduced-motion: no-preference).
Who benefits most?
- People with vestibular disorders
Official wording
This page explains the rule in simple words. Only the original W3C text is normative.
- “Understanding Animation from Interactions” at W3C (external site)
- Techniques in the WCAG Quick Reference (external site)