prefers-reduced-motion
CSS-медиазапрос, определяющий, просил ли пользователь операционную систему уменьшить движение и анимацию. Позволяет сайтам уважать эту настройку — важно для тех, кого от движения тошнит или кто им отвлекается.
Крупные анимации, параллакс, эффекты масштабирования и широкие переходы могут вызывать тошноту, головокружение и мигрень у людей с вестибулярными нарушениями, а других просто отвлекают. В ОС есть настройка «уменьшить движение», а @media (prefers-reduced-motion: reduce) позволяет CSS на неё реагировать. Приём: пишете анимации как обычно, а в блоке prefers-reduced-motion: reduce смягчаете или убираете их (большое движение заменяете плавным появлением или ставите animation: none). Хорошая практика — всегда учитывать настройку для необязательных анимаций и оставлять лишь то движение, которое несёт смысл. Это требование доступности WCAG.