Vayle
← Статьи

Карусель, которая крутится сама: что правила WCAG о движении значат для сайтов Онтарио (2026)

Если слайдер на главной запускается сам, работает дольше пяти секунд и у него нет кнопки паузы, это провал WCAG уровня A - самого базового уровня, внутри обязательного минимума Онтарио. Что на самом деле говорит правило и как его проверить.

Обложка: WCAG 2.2.2, уровень A. Заголовок «Карусель, которая никогда не останавливается» рядом с цифрой «5 секунд» - порогом, после которого для движения, запускающегося само, нужна кнопка паузы, остановки или скрытия (текст на изображении на английском)

Почти на каждой главной странице малого бизнеса она есть: карусель в шапке, которая каждые четыре секунды переходит к следующему фото, вечно, просили вы об этом или нет. В большинстве тем это настройка по умолчанию, она поставляется включённой, и почти никто не считает её проблемой доступности. А это проблема. Движение, которое начинается само и никогда не останавливается, - настоящий барьер для людей с нарушениями внимания, которые не могут удержать взгляд на абзаце рядом с чем-то постоянно движущимся; для людей с вестибулярными расстройствами, у которых крупное скользящее движение может вызвать тошноту и головокружение; и для всех, кто пользуется экранной лупой, где смена слайда выдёргивает контент из-под увеличенной области. В WCAG есть правило об этом с 2008 года. Это уровень A, самый базовый, и он внутри стандарта, который Онтарио реально применяет. Исправление обычно - одна кнопка.

Ключевые факты

  • Критерий успеха 2.2.2 «Пауза, стоп, скрыть» WCAG (Web Content Accessibility Guidelines) относится к уровню A и входит в стандарт со времён WCAG 2.0 - самого фундаментального уровня соответствия (W3C).
  • Правило срабатывает, когда движущаяся, мигающая или прокручивающаяся информация делает все три вещи: запускается автоматически, длится больше 5 секунд и показывается параллельно с другим контентом. Тогда нужен механизм, чтобы поставить её на паузу, остановить или скрыть, если только движение не необходимо для самой задачи (W3C).
  • 1.4.2 «Управление звуком» относится к уровню A: звук, который автоматически играет дольше 3 секунд, должен иметь способ паузы или остановки либо регулировку громкости независимо от системной (W3C).
  • 2.3.1 «Три вспышки или ниже порога» относится к уровню A: на страницах не должно быть ничего, что вспыхивает чаще трёх раз за любую секунду (W3C).
  • Раздел 14 IASR Онтарио (Регламент об интегрированных стандартах доступности, O. Reg. 191/11) требует от организаций с 50 и более сотрудниками соответствия WCAG 2.0 уровня AA на публичных сайтах, а уровень AA включает каждый критерий уровня A (ontario.ca).
  • Следующий ACR (отчёт о соответствии требованиям доступности) для организаций с 20 и более сотрудниками нужно подать до 31 декабря 2026 года (ontario.ca).

Что на самом деле требует «Пауза, стоп, скрыть»?

Меньше, чем думают. 2.2.2 не запрещает движение, анимацию или карусели. Он не говорит, что ваш слайдер должен исчезнуть. Он говорит, что когда контент движется сам, заметное время, рядом с контентом, который человек пытается прочитать, этому человеку нужно дать способ его остановить.

Внимательно прочитайте три условия, потому что многое зависит от союза и. Движение должно начинаться автоматически, то есть пользователь его не запускал. Оно должно длиться больше пяти секунд - W3C выбрал этот порог, потому что пяти секунд достаточно, чтобы привлечь внимание, но мало, чтобы пользователь не мог просто переждать короткую анимацию. И оно должно идти параллельно с другим контентом, то есть на странице есть что-то ещё, что пользователь вполне может пытаться читать, пока оно движется. Индикатор загрузки, который исчезает через две секунды, не подходит ни под одно условие. Заставка, которая играет одна и заканчивается, тоже. Карусель в шапке, которая бесконечно крутится рядом с вашим заголовком, ценностным предложением и призывом к действию, подходит под все три, каждый раз.

Лазейка узкая. Критерий освобождает движение, которое необходимо, а W3C определяет это как контент, удаление которого фундаментально изменило бы информацию или функциональность. Индикатор прогресса во время загрузки файла необходим: он и есть информация. Вращающееся фото вашей витрины - нет. Маркетинговое предпочтение не делает движение необходимым, и именно здесь большинство сайтов тихо проваливаются: они читают «если не необходимо» как «если нам не хочется», а слово значит не это.

У критерия есть вторая половина, которая ловит другой шаблон: автоматически обновляемая информация, например живая лента, бегущая строка или цена, которая обновляется по таймеру. Для автоматически обновляемого контента пятисекундной отсрочки нет. Если он запускается сам и идёт рядом с другим контентом, пользователю нужен способ поставить его на паузу, скрыть или управлять частотой обновления.

Почему автоматическая карусель в шапке - классический провал в Онтарио?

Потому что это единственное движение, которое включено по умолчанию почти в каждой коммерческой теме, и потому что те, кто её устанавливает, редко читают WCAG. Тема Shopify или WordPress предлагает слайдер, интервал смены задан заранее, автовоспроизведение отмечено, а кнопки паузы нет нигде в панели настроек. Никто не добавлял барьер специально. Он пришёл вместе с шаблоном.

И проблемы накладываются. Та же карусель, что проваливает 2.2.2 из-за движения, часто одновременно проваливается и по другим пунктам: стрелки слайдов - кнопки без подписей, которые экранный чтец объявляет как «кнопка, кнопка», слайды уезжают, пока пользователь клавиатуры ещё перебирает ссылки внутри одного из них, а весь компонент зависит от жеста перетаскивания без альтернативы нажатием. Последнее - это 2.5.7 «Перетаскивание», которое мы разбираем в руководстве по мобильным устройствам и касаниям; ловушка клавиатуры - отдельная категория сбоев. Один компонент, несколько разных критериев, все уровня A или AA.

Стоит точно понимать, какой здесь закон. IASR указывает на WCAG 2.0 уровня AA, а 2.2.2 относится к уровню A, так что по определению находится внутри цели. Это разрыв между тем, что Онтарио применяет, и тем, как выглядит современная лучшая практика: обязательный минимум - более старая версия, но этот критерий достаточно стар, чтобы разница никого не спасала. Он был уровнем A всю жизнь стандарта.

А поскольку движение живёт в собственном JavaScript вашей темы, прикрученный виджет его не исправит. Скрипт-оверлей не может надёжно залезть внутрь стороннего слайдера и дать ему кнопку паузы, которая переживёт следующее обновление темы, и это общая причина, почему оверлей - не исправление.

А как же автовоспроизведение видео, звука и мигающий контент?

Три соседних правила, каждое уровня A, каждое легко нарушить.

Автовоспроизведение звука (1.4.2). Если звук играет сам дольше трёх секунд, вы обязаны дать пользователю кнопку паузы или остановки либо независимую регулировку громкости. Три секунды, а не пять. Причина существования этого критерия конкретна и часто упускается: пользователь экранного чтеца не может просто потянуться к ручке громкости, потому что речь самого экранного чтеца идёт через тот же выход. Фоновая музыка, которая включается при загрузке страницы, перекрикивает программу, с помощью которой человек перемещается по сайту. Если ваше видео в шапке запускается само со звуком, это провал; автовоспроизведение без звука 1.4.2 не нарушает, хотя движение видео всё ещё может подпадать под 2.2.2. Субтитры и тифлокомментарий - отдельная обязанность, касающаяся самого медиа.

Мигание (2.3.1). Ничто на странице не должно вспыхивать чаще трёх раз за любую секунду. Дело тут не в раздражении. Правило защищает людей с фоточувствительной эпилепсией, у которых мигание в неправильном диапазоне частот может вызвать приступ. На сайтах бизнеса это редкость и серьёзная проблема, когда встречается; чаще всего она приходит через встроенную рекламу, видео или декоративную анимацию, которую никто не проверил.

Анимация, запускаемая взаимодействием. Параллакс, движение при прокрутке и элементы, которые влетают, пока вы листаете страницу, подпадают под 2.3.3 «Анимация от взаимодействий», а это уровень AAA - выше и обязательной черты Онтарио, и цели AA. Это не обязательно. Но сделать это всё равно стоит, и почти бесплатно: учёт медиазапроса prefers-reduced-motion позволяет посетителю, который уже попросил операционную систему уменьшить движение, автоматически получить от вас более спокойную страницу, не ища настройку на вашем сайте. Считайте это лучшей практикой, а не соответствием, и не давайте никому продать вам это как юридическое требование.

Как это проверить и чем рискуете, если не проверите?

Проверить это можно самостоятельно, примерно за пять минут, без инструментов:

  1. Загрузите главную и ничего не делайте. Запустите таймер. Всё, что через пять секунд всё ещё движется, скользит, мигает или обновляется рядом с текстом, попадает в зону правила. Теперь поищите кнопку паузы. Если её нет, это провал по 2.2.2.
  2. Послушайте. Издаёт ли что-то звук само по себе? Если он длится дольше трёх секунд без явной кнопки паузы или независимой регулировки громкости, это 1.4.2.
  3. Проверьте, что кнопка паузы работает для всех. Кнопка, которая появляется только при наведении мыши, не поможет пользователю клавиатуры. Дойдите до неё клавишей Tab. Она должна быть досягаемой, понятно подписанной («Остановить слайд-шоу», а не иконка без подписи) и действительно останавливать вращение, а не перезапускать его на следующем слайде.
  4. Проверьте внутренние шаблоны. Слайдеры размножаются на главных, но прячутся и в блоках отзывов, полосах логотипов и галереях товаров.

Автоматический сканер этого за вас не сделает. Сканер может заметить, что к элементу привязана CSS-анимация; он не может оценить, длится ли это движение дольше пяти секунд, стоит ли оно рядом с контентом, который кто-то читает, необходимо ли оно и действительно ли добавленная вами кнопка его останавливает. Это ровно одно из тех решений, требующих суждения, из-за которых сканирование - не аудит, и по той же причине чистый автоматический отчёт мало что доказывает.

Что касается ставок, честная картина та же, что у любого барьера доступа. В Онтарио у AODA (Accessibility for Ontarians with Disabilities Act) нет права частного иска, поэтому напрямую по нему на вас никто не подаёт. Действующий путь для частного лица - HRTO (Трибунал по правам человека Онтарио), который рассматривает жалобы по Кодексу прав человека Онтарио, и вот как на самом деле разворачивается одна жалоба. Если вы продаёте в США, движущийся контент и автовоспроизведение медиа - обычные пункты в исках по ADA (Americans with Disabilities Act) о сайтах. Долговечный ответ - не оговорка и не виджет. Это задокументированное исправление: датированная запись того, что вы нашли и что исправили, - то, что должен отражать честный ACR к 31 декабря 2026 года.

Хорошая новость, что бывает нечасто: это одна из самых дешёвых категорий сбоев. Кнопка паузы на карусели - небольшое изолированное изменение. Она в списке потому, что встречается везде, а не потому, что это сложно.

Узнайте, нет ли на вашем сайте движения, которое нельзя остановить, и проверьте другие проблемы доступности - бесплатный отчёт Vayle, примерно 30 секунд: vayle.art. Он обнаруживает виджеты-оверлеи, показывает реальные нарушения WCAG и точно говорит, что юридически относится к вашей организации в Онтарио. Без обязательств.

Vayle работает удалённо и занимается инженерной доступностью сайтов для бизнеса Онтарио. Общая информация, а не юридическая консультация.

Узнайте, что тихо отнимает у вас продажи

Пришлите нам свой сайт, и мы вернём 3-5 исправлений по приоритету по дизайну, скорости, конверсии и доступности. Бесплатно, в течение 2 рабочих дней.