Опция уменьшения движения (reduce motion)

Опция уменьшения движения — это поддержка системного запроса prefers-reduced-motion и/или ручного переключателя, которые убирают или смягчают анимации и движущиеся эффекты: параллакс, автоплей-видео/каруселей, крупные перемещения, мигание, резкие переходы, движущиеся фоны. Честно про потребность, это важно: для людей с вестибулярными нарушениями движение на экране — не «красота», а реальный триггер плохого самочувствия (головокружение, тошнота, дезориентация). Браузеры/ОС позволяют человеку заявить «я хочу меньше движения» — и сайт обязан это уважать. Мы это и настраиваем. Честно про реализацию: технически это относительно несложно (реакция на prefers-reduced-motion + при желании переключатель), но объём зависит от того, СКОЛЬКО и КАК у вас анимаций и где они заданы (CSS, JS, видео, сторонние библиотеки) — каждую нужно корректно гасить/смягчать. Честно про «не убрать всё подчистую»: цель — убрать вредное (крупное/резкое движение), а не лишить сайт всякой обратной связи; мягкие, маленькие переходы обычно оставляют. Честно про охват: это одна целевая мера, не вся доступность. Честно про эффект: сайтом могут комфортно пользоваться люди, которым иначе становится плохо; прямой рост продаж не гарантируем. Честно про доступ: нужен доступ к стилям/коду анимаций. Важная граница: это движение/анимации; ограничения по ВРЕМЕНИ (таймеры, тайм-ауты) — отдельная услуга 821. Представьте: вместо «анимация вызывает головокружение, и отключить нельзя» — движение уважает выбор пользователя. Базовая цена — от 8 000 ₽ (зависит от числа и типа анимаций).

• Анимация/параллакс вызывает головокружение и тошноту у части людей.
• Системная настройка «меньше движения» игнорируется.
• Автоплей и движущиеся фоны нельзя отключить.
• Резкие переходы дезориентируют пользователя.

• Поддержка системного запроса prefers-reduced-motion
• Ручной переключатель уменьшения движения (по желанию)
• Гашение/смягчение вредных анимаций (параллакс, крупные движения, мигание)
• Сохранение мягких, безопасных микропереходов (обратная связь)
• Обработка анимаций в CSS, JS, видео и сторонних библиотеках
• Указание границ (движение; ограничения по времени — 821)
• Проверка с включённой настройкой
• Передача и разбор с вами

• Сайт уважает выбор «меньше движения»
• Люди с вестибулярными нарушениями не страдают от анимаций
• Вредное движение убрано, полезная обратная связь сохранена
• Целевая мера доступности (ограничения времени — 821)

• Инвентаризируем анимации и их источники; собираем доступ
• Подключаем реакцию на prefers-reduced-motion и/или переключатель, гасим вредное
• Проверяем с включённой настройкой, разбираем границы с вами

• Это правда кому-то вредит, а не просто «не нравится»?

  Да, это реальная медицинская потребность. У людей с вестибулярными нарушениями движение на экране (параллакс, крупные перемещения, автоплей) вызывает головокружение, тошноту, дезориентацию. Поэтому ОС и браузеры дают настройку «меньше движения», и уважать её — часть доступности, а не каприз.

• Придётся убрать вообще все анимации?

  Нет. Цель — убрать ВРЕДНОЕ: крупное и резкое движение, параллакс, мигание, автоплей. Мягкие маленькие переходы (например, плавное появление кнопки) обычно безопасны и помогают понимать интерфейс — их оставляем. Мы убираем то, что вредит, не лишая сайт полезной обратной связи.

• Почему цена зависит от анимаций?

  Потому что объём работы зависит от того, сколько у вас анимаций и где они заданы — в CSS, JS, видео или сторонних библиотеках. Каждую нужно корректно погасить или смягчить при включённой настройке. Сайт с парой переходов и сайт с тяжёлым параллаксом везде — разный труд; оценим честно по факту.