prefers-reduced-motion
En CSS-media query som känner av om användaren bett sitt operativsystem att minska rörelse/animationer. Låter sajter respektera den inställningen genom att dämpa eller stänga av animationer — viktigt för personer som blir illamående eller störda av rörelse.
Bakgrund: stora animationer, parallax, zoomeffekter och svepande övergångar kan utlösa illamående, yrsel eller migrän hos personer med vestibulära besvär — och störa andra. Operativsystem har en "reducera rörelse"-inställning, och @media (prefers-reduced-motion: reduce) låter CSS reagera på den. Mönster: skriv animationerna som vanligt, men i en prefers-reduced-motion: reduce-block dämpa eller ta bort dem (t.ex. byt en stor rörelse mot en enkel toning, eller animation: none). Goda vanor: respektera alltid inställningen för icke-essentiella animationer; behåll bara rörelse som faktiskt förmedlar mening. Det är ett WCAG-tillgänglighetskrav. Ett bra exempel på att respektera användarens uttryckta preferenser. Tillsammans med focus trap och ARIA en del av tillgänglig webb. Hör ihop med scroll snap och focus trap.