prefers-reduced-motion
Media query CSS che rileva se l'utente ha chiesto al sistema operativo di ridurre movimento e animazioni. Permette ai siti di rispettare l'impostazione attenuando o disattivando le animazioni — importante per chi prova nausea o fastidio davanti al movimento.
Il contesto: grandi animazioni, parallasse, effetti di zoom e transizioni ampie possono causare nausea, vertigini o emicranie in chi ha disturbi vestibolari, e distraggono altri. I sistemi operativi offrono l'impostazione «riduci movimento», e @media (prefers-reduced-motion: reduce) consente al CSS di reagire. Schema: si scrivono le animazioni come al solito, poi in un blocco prefers-reduced-motion: reduce le si attenua o rimuove (ad esempio sostituendo un grande movimento con una semplice dissolvenza, o animation: none). Buona pratica: rispettare sempre l'impostazione per le animazioni non essenziali e mantenere solo il movimento che trasmette significato. È un requisito di accessibilità delle WCAG, ed è un buon esempio di rispetto delle preferenze espresse dall'utente.