Les sites web modernes se disputent l'attention avec des visuels toujours plus grandioses. Les sections hero en parallaxe s'étendent profondément dans la zone d'affichage. Les carrousels défilent indéfiniment. Des vidéos en arrière-plan se lancent automatiquement derrière les formulaires d'inscription. Ces modèles paraissent soignés et attrayants dans un portfolio de design. Pour une partie de votre public, ils constituent un déclencheur physique.
Les personnes souffrant de troubles vestibulaires ressentent des nausées, des vertiges ou des migraines lorsqu'elles sont confrontées à de larges zones de mouvement continu. Pour les protéger, chaque système d'exploitation majeur inclut désormais un paramètre d'accessibilité « Réduire le mouvement ». Les navigateurs web exposent cette préférence via la requête média prefers-reduced-motion. Les développeurs React qui souhaitent la respecter proprement peuvent utiliser le hook useReducedMotion de @reactuses/core. Il lit la préférence du système d'exploitation sous forme de booléen, se met à jour en temps réel si l'utilisateur change d'avis, et gère le rendu côté serveur sans planter.
Pourquoi les solutions artisanales échouent
Vous pourriez interroger la préférence vous-même