WCAG 2.2: что изменилось и что это значит для интернет-магазинов
· 4 мин чтения
WCAG 2.2 добавил к WCAG 2.1 девять новых критериев, из них шесть относятся к уровням A и AA, а критерий 4.1.1 «Синтаксический анализ» удалил. Для интернет-магазинов важнее всего новые требования к видимости фокуса, размеру кликабельных элементов, перетаскиванию, повторному вводу данных и входу в аккаунт. В сентябре 2026 года вышел европейский стандарт EN 301 549 V4.1.1, основанный на WCAG 2.2.
Почему это важно в ЕС
Европейские требования доступности опираются на стандарт EN 301 549, а он для веб-контента ссылается на WCAG уровня AA.
- EN 301 549 V3.2.1 основан на WCAG 2.1 и пока остаётся гармонизированным стандартом.
- EN 301 549 V4.1.1 основан на WCAG 2.2, опубликован 2 сентября 2026 года. Его публикация в Официальном журнале ЕС ожидается в конце 2026 года.
Если сайт соответствует WCAG 2.2 AA, он соответствует и WCAG 2.1 AA: новая версия включает все прежние критерии, кроме удалённого 4.1.1. Поэтому проверять по WCAG 2.2 AA можно уже сейчас. Подробнее о законе — в руководстве по European Accessibility Act.
Новые критерии уровней A и AA
2.4.11 Фокус не скрыт (минимальный), AA
Элемент, на котором стоит фокус клавиатуры, не должен быть полностью закрыт другим содержимым, которое добавил сам автор сайта.
В магазине: закреплённая шапка, баннер cookie, кнопка чата или всплывающее окно «подпишитесь на рассылку» не должны закрывать выбранную ссылку или кнопку.
2.5.7 Перетаскивание, AA
Если действие выполняется перетаскиванием, должен быть способ сделать то же одним касанием или кликом, без перетаскивания.
В магазине: ползунок цены в фильтре каталога, сортировка товаров в списке желаний, загрузка файлов перетаскиванием. Рядом с ползунком цены достаточно полей «от» и «до».
2.5.8 Размер цели (минимальный), AA
Кликабельная область должна быть не меньше 24×24 CSS-пикселя или иметь достаточный отступ от соседних целей. Есть исключения, например для ссылок внутри текста.
В магазине: иконки удаления товара из корзины, кнопки «+» и «−» количества, маленькие кружки выбора цвета, точки под каруселью.
3.2.6 Помощь в одном месте, A
Если на сайте есть способы получить помощь — контакты, чат, ссылка на FAQ, — они должны находиться в одном и том же месте на разных страницах.
В магазине: ссылка на поддержку в шапке или подвале на всех страницах, а не только на главной.
3.3.7 Повторный ввод, A
Информацию, которую пользователь уже вводил в рамках того же процесса, нужно подставлять автоматически или давать выбрать, а не просить ввести снова.
В магазине: галочка «адрес оплаты совпадает с адресом доставки» и сохранение данных между шагами оформления заказа.
3.3.8 Доступная аутентификация (минимальная), AA
Вход не должен требовать когнитивной проверки — запомнить пароль, решить головоломку, переписать символы — без альтернативы или помощи.
В магазине: разрешите вставку пароля и менеджеры паролей, предлагайте вход по ссылке на email или с ключом доступа. Распознавание объектов на картинке в капче допускается как исключение.
Критерии уровня AAA
WCAG 2.2 добавил и три критерия уровня AAA: 2.4.12 «Фокус не скрыт (расширенный)», 2.4.13 «Внешний вид фокуса» и 3.3.9 «Доступная аутентификация (расширенная)». Европейские нормы ориентируются на уровень AA, поэтому AAA-критерии обязательными не считаются, но полезны как ориентир.
Что удалено: 4.1.1
Критерий 4.1.1 «Синтаксический анализ» удалён из WCAG 2.2: современные браузеры и вспомогательные технологии справляются с ошибками разметки, ради которых он появился. Проблемы, которые действительно мешают людям, покрывают другие критерии, например 4.1.2 «Имя, роль, значение».
Что из этого находит автоматика
| Критерий | Автоматическая проверка |
|---|---|
| 2.4.11 Фокус не скрыт | почти не находит, нужна ручная проверка |
| 2.5.7 Перетаскивание | не находит |
| 2.5.8 Размер цели | находит часть случаев |
| 3.2.6 Помощь в одном месте | не находит |
| 3.3.7 Повторный ввод | не находит |
| 3.3.8 Доступная аутентификация | не находит |
Видно, что большинство новых требований касается поведения и сценариев, а не разметки. Поэтому автоматическая проверка — это не полный аудит: она показывает технические ошибки, а сценарии стоит пройти вручную.
Частые вопросы
Нужно ли переделывать сайт, который уже соответствовал WCAG 2.1?
Нет, переделывать не нужно. Достаточно проверить шесть новых критериев уровней A и AA: всё остальное осталось прежним, кроме удалённого 4.1.1.
Когда WCAG 2.2 станет обязательным в ЕС?
Европейские нормы ссылаются на EN 301 549. Версия V4.1.1 на основе WCAG 2.2 опубликована в сентябре 2026 года, её публикация в Официальном журнале ЕС ожидается в конце 2026 года. До этого гармонизированным остаётся V3.2.1 на основе WCAG 2.1. Проверка по WCAG 2.2 AA покрывает обе версии.
Какие новые критерии важнее всего для магазина?
Чаще всего на практике заметны 2.4.11 (фокус не скрыт баннером или чатом) и 2.5.8 (размер иконок и кнопок на мобильном), а при оформлении заказа — 3.3.7 (повторный ввод адреса).
План для магазина
- Пройдите оформление заказа и вход в аккаунт с клавиатуры и посмотрите, не перекрывает ли что-то фокус.
- Проверьте мелкие иконки и кнопки на мобильном.
- Найдите все места с перетаскиванием и добавьте альтернативу.
- Проверьте, что ссылка на помощь всегда на одном месте.
- Уберите повторный ввод адреса и запрет вставки пароля.
Полный список проверок — в чек-листе WCAG 2.2 для интернет-магазина. Самые частые ошибки — в статье «10 частых ошибок доступности». Начните с бесплатной проверки одной страницы: это автоматическая проверка, а не полный аудит, и не юридическая консультация.