Если вы продаёте онлайн потребителям в ЕС, требования European Accessibility Act к сайтам действуют для вашего магазина с 28 июня 2025 года, если только ваш бизнес не микропредприятие. Многие серьёзные проблемы можно найти самостоятельно: оформите тестовый заказ только с клавиатуры, увеличьте масштаб страницы и попробуйте каждую форму. Но самопроверка не может доказать, что весь сайт соответствует стандарту.
Возможно, о законе уже упоминал разработчик или в письме вам предлагали виджет, который якобы делает любой сайт «соответствующим» одной строкой кода. Покупатель, который не может пройти оформление заказа с клавиатурой или с экранным диктором (программой, которая читает страницу вслух), может уйти в другой магазин и даже не пожаловаться.
Распространяется ли European Accessibility Act на ваш сайт?
European Accessibility Act применяется, если ваш сайт продаёт потребителям, то есть людям, которые покупают для себя, и ваш бизнес не микропредприятие. Директива (ЕС) 2019/882 относит к охватываемым ею услугам услуги электронной коммерции: услуги, оказываемые через сайт или приложение «с целью заключения потребительского договора». Страны должны были начать применять её нормы с 28 июня 2025 года. Это наше прочтение директивы; за юридическим заключением по вашей ситуации обратитесь к юристу.
- Микропредприятия, которые оказывают услуги, освобождены от требований. Это статья 4(5). Директива определяет микропредприятие как предприятие, где работает менее 10 человек, а годовой оборот или общая сумма годового баланса не превышает 2 млн евро. Учитываются и численность, и один из двух финансовых критериев: команда из десяти человек под исключение не подпадает, каким бы маленьким ни был оборот.
- Продажи только бизнесу. Определение касается потребительских договоров. Если частные покупатели могут сделать заказ через вашу корзину, считайте, что сайт подпадает под действие акта.
- Сайт, который ничего не продаёт. Сайт компании без заказов, бронирований и оплат, как правило, не является услугой электронной коммерции в определении директивы. Бронирования и оплаты это меняют.
- Дата 2030 года касается товаров и старых договоров. Переходный период до 28 июня 2030 года по статье 32 охватывает товары, используемые для оказания услуги, и договоры, подписанные до июня 2025 года.
Каждая страна ЕС обеспечивает исполнение акта через собственный закон и сама устанавливает санкции; в Германии это BFSG. Если ваш бизнес находится в Швейцарии или Великобритании и вы продаёте потребителям в ЕС, спросите юриста, как эти правила применяются к вам.
Почему сайты магазинов не проходят проверку доступности?
Ошибки ниже обычно возникают из-за решений по дизайну и формам, которые один раз приняли в теме и повторили на каждой странице. Директива (ЕС) 2019/882 требует, чтобы сайты были «воспринимаемыми, управляемыми, понятными и надёжными». Европейский стандарт, который превращает это в тесты, EN 301 549, опирается на WCAG - руководство по доступности веб-контента, которое публикует W3C. WCAG делит критерии на три уровня: A (минимум), AA и AAA. Уровень AA и есть цель, которую использует стандарт.
Рамку фокуса убрали ради внешнего вида. Когда человек перемещается по странице клавишей Tab, браузер рисует рамку вокруг активной ссылки или кнопки. Некоторые темы её скрывают, потому что она выглядит неаккуратно, хотя WCAG требует видимого индикатора фокуса. Критерий, добавленный в WCAG 2.2, также говорит, что элемент в фокусе не должен быть полностью закрыт собственным содержимым сайта, например закреплённой шапкой или баннером cookie.
Текст слишком бледный. WCAG требует коэффициента контрастности, то есть того, насколько текст темнее или светлее фона, не менее 4,5:1 для обычного текста и 3:1 для крупного. Сканирование миллиона главных страниц, которое WebAIM провёл в 2026 году, нашло текст с низкой контрастностью на 83,9 % из них. Светло-серый на белом и белый на пастельной кнопке - самые типичные случаи.
Формы держатся на плейсхолдерах и цвете. Серая подсказка внутри поля исчезает, как только вы начинаете печатать, а одна только красная рамка не объясняет, что не так. WCAG требует подписей или инструкций везде, где нужно что-то ввести, и описания ошибок текстом.
Оформление заказа сделали под мышь. Нестандартные выпадающие списки, CAPTCHA-головоломки и входы, которые просят запомнить или заново ввести код, останавливают людей, которые пользуются клавиатурой или экранным диктором. Для электронной коммерции директива отдельно называет идентификацию, безопасность и оплату. В марте 2026 года нидерландский регулятор в сфере защиты потребителей ACM сообщил, что в 61 % проверенных им крупных нидерландских интернет-магазинов и других крупных потребительских сайтов заказ нельзя было оформить с помощью вспомогательных технологий, например экранного диктора.
Виджет или оценка заменяют исправление. Виджеты-оверлеи добавляют поверх сайта панель доступности. Европейская комиссия указывает, что оверлеи и похожие инструменты, которые не приводят сам сайт в соответствие со стандартом, «не являются подходящим решением». Автоматический тест помогает, но, по словам W3C, «ни один инструмент сам по себе не может определить, соответствует ли сайт стандартам доступности».
Как самостоятельно проверить сайт на соответствие European Accessibility Act
Первую проверку можно провести с браузером и клавиатурой, без платных инструментов. W3C, организация, которая стоит за WCAG, публикует набор Easy Checks, построенный именно на этой идее. Выберите три страницы: главную, страницу товара или услуги и страницу оформления заказа или контактную форму. Идите по порядку и записывайте каждое место, где застряли.
- Уберите мышь. Перемещайтесь по каждой странице с помощью Tab и Shift+Tab, используйте Enter, пробел и клавиши со стрелками. Вы должны добраться до меню, фильтров, кнопки добавления в корзину, каждого поля формы и кнопки оплаты. В любой момент должно быть видно, где вы находитесь. Отметьте, где рамка прячется за закреплённой шапкой или баннером cookie и можно ли выйти из меню или окна чата.
- Увеличьте масштаб. Установите в браузере 200 %. WCAG ожидает, что текст останется читаемым, а содержимое не будет обрезаться и накладываться. Затем сделайте окно шириной примерно 1280 пикселей и увеличьте масштаб до 400 %: содержимое должно помещаться по ширине без горизонтальной прокрутки, за исключением таких элементов, как карты и таблицы данных.
- Проверьте бледный текст. Инструменты разработчика в Chrome, Edge и Firefox показывают коэффициент контрастности выбранного цвета текста. Проверьте основной текст, цены, кнопки и мелкий серый текст под полями форм.
- Попробуйте каждую форму пустой, а потом с ошибками. Каждому полю нужна видимая подпись, которая не исчезает при вводе. Отправьте форму пустой: ошибка должна словами объяснять, чего не хватает, стоять рядом с полем и сохранять то, что вы уже ввели. Новый критерий WCAG 2.2 также требует, чтобы информация, которую вы уже вводили в рамках того же процесса, например адрес, подставлялась автоматически или предлагалась для выбора. Другие причины, по которым форма стоит вам заказов, - в нашей статье о том, почему посетители сайта не оставляют заявок.
- Войдите в аккаунт и пройдите антиспам-проверку. WCAG 2.2 говорит, что вход не должен зависеть от теста когнитивных функций, например запомнить пароль или решить головоломку, если нет альтернативы или помощи, такой как менеджер паролей или вставка из буфера. CAPTCHA-головоломка без другого варианта здесь не проходит.
- Посмотрите на изображения товаров. Щёлкните по изображению правой кнопкой мыши и выберите «Просмотреть код» (Inspect). Альтернативный текст (alt), короткое описание, которое зачитывает экранный диктор, должен говорить, что это за товар; у чисто декоративных изображений alt может быть пустым.
- Повторите ключевые шаги на телефоне. По мелким иконкам, расположенным близко друг к другу, трудно попасть пальцем. WCAG 2.2 устанавливает минимальный размер цели 24 на 24 CSS-пикселя (единица размера самой веб-страницы), с исключениями, например когда вокруг цели достаточно свободного места.
W3C замечает, что страница «может вроде бы проходить эти проверки, но всё равно иметь существенные барьеры доступности». Следующий шаг - тест человеком, который каждый день пользуется экранным диктором.
Что исправлять в первую очередь?
Начните с исправлений в теме и компонентах форм, от самых дешёвых к самым дорогим. Одно изменение в шаблоне исправляет каждую страницу, построенную на нём. Публикацию информации о доступности отложите, пока не будете знать, что сайт делает, а что нет.
- Не устанавливайте оверлей. Совет Европейской комиссии - устранять проблемы доступности «в их источнике», а для магазина это тема, формы и оформление заказа.
- Верните рамку фокуса и сделайте текст темнее. Оба параметра обычно задаются в настройках цветов и стилей темы. Мы начинаем с того, что один раз задаём контрастность в дизайн-палитре и проверяем её в светлой и тёмной версиях сайта, так что новая страница сразу получает цвета, которые проходят проверку.
- Переделайте формы. Видимые подписи, ошибки словами рядом с полем, сохранение введённых данных после ошибки, перенос фокуса на первое поле, которое нужно исправить, и автозаполнение браузера для имени, email и адреса. В наших проектах по разработке сайтов мы начинаем с самого компонента формы, поэтому каждая новая форма уже содержит эти исправления.
- Добавьте alt-тексты и язык страницы. Опишите изображения товаров и содержательные изображения и убедитесь, что каждая страница указывает свой язык, чтобы экранный диктор произносил текст правильно. Поисковые системы читают те же alt-тексты и атрибут языка, поэтому они относятся и к технической SEO-работе.
- Исправьте оформление заказа, вход и сторонние виджеты. Замените CAPTCHA-головоломки проверками, которые не просят покупателя ничего решать, и предложите способ входа, который не зависит от памяти. Виджеты оплаты и чата предоставляют поставщики: запросите у каждого информацию о доступности и замените те, до которых нельзя добраться с клавиатуры.
- Опубликуйте информацию о доступности. Приложение V к директиве требует от поставщиков услуг описать, как услуга соответствует требованиям, в общих условиях или равноценном документе. Подробности определяет ваш национальный закон.
- Двигайтесь к WCAG 2.2 уровня AA. Версия 4.1.1 стандарта EN 301 549, опубликованная в сентябре 2026 года, добавляет шесть требований из WCAG 2.2, сообщает AccessibleEU. Пока Комиссия не укажет её в Официальном журнале ЕС, как отмечает тот же источник, ориентиром остаётся версия 3.2.1, основанная на WCAG 2.1 уровня AA. Национальное управление по делам людей с инвалидностью Ирландии (National Disability Authority) ожидает, что её укажут там 16 декабря 2026 года. Если исправлять под WCAG 2.2 уже сейчас, новые требования будут закрыты, когда это произойдёт.
Директива допускает исключение, если соблюдение требований стало бы несоразмерным бременем, но требует оценки, а в её преамбуле сказано, что «отсутствие приоритета, времени или знаний» не является законным основанием.
Что измерять после исправлений?
Измеряйте, может ли человек выполнить основные задачи с клавиатурой и на увеличенной странице. Повторите ту же проверку сайта на соответствие European Accessibility Act на тех же трёх страницах и сравните, где вы застревали до и после изменений. Проверяйте заново каждый раз, когда меняется тема, плагин или платёжный провайдер.
- Тестовый заказ только с клавиатуры, от страницы товара до подтверждения, не касаясь мыши.
- Список находок бесплатного автоматического теста, например Lighthouse в Chrome, запущенного на тех же трёх типах страниц. Просмотрите находки и проверьте, какие из них остались.
- Формы, отправленные с ошибками, чтобы убедиться, что каждая ошибка описана словами и ничего из введённого не теряется.
- Опубликованная информация о доступности, обновлённая после каждого изменения, которое влияет на то, как клиенты делают заказ.
Чем мы можем помочь
Когда мы смотрим на оформление заказа в магазине, мы проходим путь покупателя: страница товара, корзина, формы и шаг оплаты, сначала с клавиатуры, затем на телефоне. Проблемы, которые живут в теме или компонентах форм, дешевле всего исправлять именно там; то, что самопроверка решить не может, остаётся для теста с экранным диктором. Если хотите, чтобы кто-то ещё раз посмотрел на ваше оформление заказа, расскажите нам о своём сайте.
