Почему движение бывает проблемой
Параллакс, резкие смены масштаба и бесконечные декоративные движения способны отвлекать и вызывать дискомфорт. Системная настройка сокращения анимации сообщает сайту о предпочтении пользователя. Её стоит учитывать для появления блоков, каруселей и переходов, а не только для крупного фонового элемента.
Проверка поведения
В CSS можно использовать media query prefers-reduced-motion. Но одного правила недостаточно, если скрипт скрывает содержимое до начала анимации: оно должно оставаться видимым при сбое JavaScript. Лучше выбирать эффекты, не являющиеся условием доступа к материалу, и не запускать движение автоматически без причины.
Пример
Карточки можно мягко подсвечивать, но их текст не должен появляться только после срабатывания анимации.
Три пункта для проверки
- Включите системное «Уменьшение движения».
- Откройте сайт без JavaScript.
- Уберите автоматические бесконечные эффекты.