Animation Accessibility and Reduced Motion
Learn how to respect motion sensitivity with prefers-reduced-motion and design animations that remain optional.
Not everyone experiences motion the same way
Some animations that feel fun or polished to one person can feel distracting, disorienting, or even nauseating to someone else. Large parallax motion, constant movement, zooming interfaces, and sliding panels can all be difficult for users with vestibular disorders, migraines, attention challenges, or plain motion sensitivity.
That is why animation should be treated as optional enhancement, not a requirement for understanding the page. The content and controls must still work when motion is reduced or removed.
The prefers-reduced-motion media feature lets the browser tell your CSS when the user has asked for less motion at the operating-system level.