Fix · Minor · cleanup pass
How to fix: respect prefers-reduced-motion
Vestibular-disorder users see animations they cannot disable. Respect OS-level accessibility settings.
- WCAG references
- 2.3.3
- Severity
- Minor
What it looks like in the wild
Vestibular-disorder users see animations they cannot disable.
The screen-reader user, keyboard user, or low-vision user encountering this issue does not get an error message. The page just stops working for them. Which is why this kind of bug rarely shows up in your error tracker; it shows up in support tickets, lawsuits, and abandoned conversions.
Why it fails WCAG
Respect OS-level accessibility settings.
Map this back to 2.3.3 when you log the bug. Auditors and procurement teams expect that mapping; "broken" is not enough context.
The wrong pattern (avoid)
CSS
.bounce { animation: bounce 1s infinite; }The right pattern (copy this)
CSS
.bounce { animation: bounce 1s infinite; }
@media (prefers-reduced-motion: reduce) {
.bounce { animation: none; }
}Related fixes
Find every accessibility issue on your site in 60 seconds.
Free public scan. No card. AI-generated fixes for every issue we find.