Reduced Motion Support
All animations respect prefers-reduced-motion and have a no-motion fallback.
Check
All CSS animations and transitions are wrapped in a @media (prefers-reduced-motion: no-preference) block, OR individually reduced/removed with @media (prefers-reduced-motion: reduce). Skeleton shimmer, loading spinners, and page transitions all have static fallbacks.
Why This Matters
Vestibular disorders affect ~35% of adults over 40. Motion on screen can trigger dizziness, nausea, and headaches. The prefers-reduced-motion media query lets users opt out. Ignoring it excludes a significant user population.
Category
Accessibility
Priority
important
How to Verify
Enable "Reduce motion" in macOS/iOS Accessibility settings. Reload the app. All animations must either stop or substantially reduce. Run axe — it will flag any animations without reduced-motion support.