Перейти к содержимому
Pandus

Почему виджеты-оверлеи не делают сайт доступным

Виджет доступности (оверлей) — это скрипт, который добавляет на сайт кнопку с настройками шрифта, контраста и «режимами для слабовидящих». Он не исправляет код страниц, поэтому ошибки доступности остаются на месте. В 2025 году Федеральная торговая комиссия США (FTC) обязала одного из крупнейших поставщиков таких виджетов заплатить $1 млн за обещания, которые продукт не выполнял.

Что делает виджет и чего он не делает

Виджет меняет внешний вид страницы поверх существующего кода. Но большинство проблем доступности находятся в самом коде:

  • у поля формы нет подписи — экранный диктор не знает, что туда вводить;
  • у кнопки нет названия — пользователь слышит только «кнопка»;
  • меню не открывается с клавиатуры;
  • фокус клавиатуры не виден;
  • у картинки товара нет осмысленного альтернативного текста.

Пользователи вспомогательных технологий обычно уже настроили свои инструменты: экранный диктор, увеличение, высокий контраст в системе. Виджет дублирует эти функции, а иногда мешает им.

Дело FTC против accessiBe

В апреле 2025 года FTC вынесла окончательное решение по делу accessiBe: компания заплатила $1 млн, и ей запрещено утверждать, что автоматический продукт делает любой сайт соответствующим WCAG, без подтверждающих доказательств. Источник: пресс-релиз FTC.

Иски против сайтов с оверлеями

В США иски о доступности сайтов подают и против сайтов, на которых установлен виджет. По отчёту UsableNet за 2025 год, таких исков было от 85 до 132 в месяц. Наличие виджета не защитило эти сайты от претензий.

В ЕС European Accessibility Act тоже оценивает саму услугу: можно ли ей пользоваться. Кнопка с настройками не меняет того, что форма оформления заказа без подписей полей недоступна.

Что делать вместо виджета

  1. Найти ошибки в коде. Автоматическая проверка быстро находит часть технических ошибок: подписи, контраст, названия кнопок. Начните с бесплатной проверки одной страницы.
  2. Исправить шаблон. Многие ошибки повторяются на всех страницах из-за общей темы магазина, поэтому одно исправление в шаблоне убирает их везде.
  3. Проверить вручную ключевые сценарии. Пройти поиск, карточку товара, корзину и оформление заказа только с клавиатуры. Список пунктов — в чек-листе WCAG 2.2.
  4. Следить за изменениями. После каждого обновления темы или нового баннера ошибки могут вернуться, поэтому полезен еженедельный мониторинг.
  5. Опубликовать честную информацию о доступности, если ваш бизнес подпадает под EAA: что уже сделано, какие есть ограничения и как с вами связаться. Подробнее — в статье об информации о доступности.

Наш сервис — это автоматическая проверка, а не полный аудит, и не юридическая консультация. Мы не ставим на ваш сайт никаких виджетов.