prefers-reduced-motion (CSS Media Query)
prefers-reduced-motion is a CSS media query that lets websites read the operating system setting for reduced motion and automatically reduce or switch off animations. It mainly helps people with vestibular disorders, for whom parallax effects, auto-play videos or large scroll animations can trigger dizziness, nausea or headaches.
In practice
Technically you activate the query with `@media (prefers-reduced-motion: reduce) { ... }` and replace elaborate animations inside it with gentle transitions, or remove them entirely. The query addresses the underlying concern of WCAG criterion 2.2.2 “Pause, Stop, Hide” (level A) and 2.3.3 “Animation from Interactions” (level AAA), even though the latter is rarely a formal requirement. macOS, Windows, iOS and Android have offered the system setting for several years, and modern browsers support the media query across the board.