Кратко

  • Рекомендация W3C WCAG 2.1 2018 года предусмотрела возможность отключать анимацию движения, запускаемую взаимодействием, если она не необходима для работы страницы или передачи информации.
  • Первый публичный проект Media Queries Level 5 в марте 2020 года описал prefers-reduced-motion со значениями reduce и no-preference. Более поздний приём WAI показывает, как убрать движение по запросу читателя или начать с неподвижного интерфейса и добавлять эффект лишь при втором значении.

Карточка кувыркалась всякий раз, когда читатель переходил к следующей. Дизайнер видел живую деталь интерфейса. Читателю нужна была следующая карточка, а не повторный билет в цирк. Свою просьбу он уже оставил в настройках операционной системы или браузера. Вопрос теперь обращён к издателю страницы: что он сделает, когда эта просьба дойдёт до CSS?

Рекомендация W3C WCAG 2.1 от 5 июня 2018 года включила критерий 2.3.3 «Анимация при взаимодействии». Движение, которое запускает действие пользователя, должно отключаться, когда оно не является существенной частью функции или информации. Документ оставляет создателю сайта право придумать переход между карточками. Читателю он даёт возможность пропустить декоративный кульбит на пути к тексту.

Первый публичный рабочий проект Media Queries Level 5 от 3 марта 2020 года записал вопрос, который CSS может задать среде: prefers-reduced-motion. Значение reduce сообщает, что системе известно желание пользователя видеть меньше движения. no-preference сообщает, что такого предпочтения системе не передали; при проверке одного имени функции как логического условия этот вариант даже даёт ложь. Молчание имеет точное значение. Оно не равно просьбе исполнить ещё три сальто.

Браузер доставляет сигнал из среды читателя на страницу. Сайт выбирает, какие правила CSS на него отреагируют. Он может мгновенно показать новую карточку, сделать переход спокойнее или оставить отдельный эффект только при выбранном условии. Одна настройка сопровождает человека на разных сайтах, а каждый издатель отвечает за движения, придуманные именно для своего материала. Небольшой запрос распределил роли между читателем и автором.

Рабочий проект от 18 декабря 2021 года продолжил описывать оба значения среди функций, связанных с предпочтениями пользователя. История публикаций W3C показывает первый публичный проект 2020 года и последующие рабочие редакции. Настройка из меню устройства стала условием, которое автор страницы может прямо написать в таблице стилей.

Приём WAI C39, обновлённый в январе 2026 года, предлагает два направления. Можно сначала создать анимацию, а затем остановить её через @media (prefers-reduced-motion: reduce). Можно сначала сделать спокойную страницу и добавить движение внутри @media (prefers-reduced-motion: no-preference). Во втором случае нашему карточному акробату придётся объяснить, какую информацию несёт его переворот. Новая карточка способна появиться и без него.

C39 разбирает движение средствами CSS после действия вроде щелчка или прокрутки. WAI объясняет, что такие эффекты могут отвлекать некоторых людей или вызывать неприятные ощущения. Критерий 2018 года оставляет место движению, существенному для функции или смысла. Читатель сообщает о предпочтении в общей настройке и может просто читать дальше, не объясняя каждому сайту своё самочувствие.

Постановщик анимации по-прежнему сайт, а браузер передаёт ему голос читателя. Следующая карточка должна прийти и остаться читаемой. Если читатель просит страницу присесть, содержательная беседа вполне продолжается и со стула.