`@media (prefers-reduced-motion: reduce)` lets a designer disable or simplify animations for users with vestibular disorders or motion sensitivity. Every catalogued site in AI2 Design honors this query in its `accessibilityRules`. The convention is to wrap Framer Motion `useReducedMotion()` around every animation primitive — when true, animations collapse to opacity-only or disable entirely.
Glossary · accessibility
prefers-reduced-motion
A CSS media query that detects when the user has requested reduced motion in their OS accessibility settings.
External reference
MDN — prefers-reduced-motionCatalogued examples
2 catalogued sites demonstrate prefers-reduced-motion in production.