prefers-reduced-motion in CSS and JS
Detect and honor the user motion setting.
A Setting You Can Read
Operating systems let people ask for less motion. The prefers-reduced-motion media feature exposes that choice straight to your site. 🎚️
Where Users Turn It On
People flip reduce motion in OS settings on macOS, iOS, Windows, and Android. Your job is to listen, not to second-guess the choice.
All lessons in this course
- prefers-reduced-motion in CSS and JS
- Vestibular Disorders and Parallax Risks
- The Three-Flash Threshold for Seizures
- Pause, Stop, Hide for Auto-Moving Content