Overview

Users with vestibular disorders or motion sensitivities may have 'Reduce Motion' enabled in their OS. All animations should be disabled or simplified for these users.

Animations to Address

1. Lottie spinner animation
2. Lottie upload animation
3. Lottie success animation
4. CSS transitions on buttons/hover
5. Any page scroll animations

Implementation

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

Plus: pause Lottie when reduced motion detected.

Acceptance Criteria

• All animations respect prefers-reduced-motion
• Lottie animations paused (not removed)
• Content still accessible without animations