WCAG 2.2 и EAA 2025: доступность сайта за 30 минут

WCAG 2.2 и закон EAA вступают в силу 28 июня 2025. Показываем частые ошибки, стоимость внедрения и штрафы за несоответствие. Проверьте аудит за 30 минут.

С 28 июня 2025 сайт кофейни, мебельного магазина или бухгалтерского бюро обязан соответствовать правилам цифровой доступности WCAG 2.2 — этого требует польский закон, реализующий Европейский акт о доступности (EAA). Разбираем, кого новые нормы реально касаются, что проверить на своём сайте за полчаса и сколько стоят типовые правки.

Цифровая доступность — это не пристроенный сбоку пандус для колясок. Это скорее широкий, удобный вход, в который легко войти и с коляской, и с чемоданом, и просто уставшему человеку с телефоном в одной руке. Весь стандарт сводится к этому одному проектному решению.

Что такое закон EAA и кого он касается

Европейский акт о доступности — это директива ЕС от 2019 года, которую Польша реализовала законом от 26 апреля 2024. Действует с 28 июня 2025 и говорит простую вещь: сайт, приложение, личный кабинет или банкомат должны давать каждому клиенту одинаковый доступ к информации, независимо от зрения, слуха и подвижности.

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

Если у тебя интернет-магазин с доставкой клиенту, блог с онлайн-бронированием или сервис SaaS — твоя компания в списке обязанных соответствовать.

Что изменила версия 2.2 и о чём она реально

WCAG — это международный стандарт доступности веб-сайтов для людей с инвалидностью, описанный консорциумом W3C. Версия 2.2 от конца 2023 добавила к предыдущей девять новых критериев: про жесты на телефоне, размер кнопок и видимое обозначение того, где сейчас находится курсор клавиатуры.

Уровней три: A — абсолютный минимум, AA — стандарт, требуемый от бизнеса в Польше и всём ЕС, AAA — максимальная версия, на практике ненужная обычному магазину или блогу. Реальная цель: уровень AA. То же проверяют бесплатные сканеры и того же требует EAA.

Четыре блока, в которых прячется 80% ошибок

В повседневной работе обычно достаточно закрыть четыре вещи:

1. Контраст текста и фона — минимум 4.5:1 для обычного шрифта, 3:1 для крупного (от 18 px жирного или 24 px обычного). Модный серый #999 на белом даёт 2.85:1, то есть не проходит.
2. Видимый фокус. Когда кто-то ходит по сайту с клавиатуры, активная кнопка или ссылка должна быть чётко выделена рамкой, подсветкой или тенью. Многие разработчики ставят outline: none и забывают добавить свой стиль.
3. Полная работа с клавиатуры. Весь сайт должен проходиться Tab, активироваться Enter и закрываться Escape, без мыши. Модалка, в которой фокус убегает под низ страницы, — классика жанра.
4. Формы и кликабельные зоны. Минимальный размер кнопки — 24×24 пикселя. Иконки соцсетей на телефоне часто сжаты так плотно, что палец попадает в соседнюю.

Самые частые ошибки, которые мы видим у клиентов

• Иконка без подписи. Кнопку с одной корзиной или гамбургером скринридер прочитает как «кнопка». Достаточно дописать aria-label="Otwórz menu".
• Карусель без паузы. Слайдер, меняющийся сам каждые три секунды, утомляет людей с дислексией и формально нарушает стандарт. Нужна видимая кнопка стоп.
• Цвет как единственный сигнал. Поле формы светится красным «ошибка», а дальтоник видит только тёмный фон. Рядом с цветом должна появиться иконка или сообщение: «Адрес email некорректный».
• Картинка без атрибута alt. Фото товара в магазине нужно с коротким описанием, декоративный фон — с пустым alt="". Значение вида «DSC_1284.jpg» не считается.
• Развалившаяся иерархия заголовков. Один h1 на страницу, ниже h2 и h3 по порядку. Подбирать тег под размер шрифта — типичный грех.

Как проверить свой сайт за 30 минут

Сначала автомат. В браузере Chrome открой F12 → Lighthouse → Accessibility → Generate. Через минуту получишь список проблем с точным указанием элементов. Поймает около 30% реальных нарушений, но именно они обычно дешевле всего в исправлении.

Затем расширение axe DevTools от Deque. Найдёт больше проблем с атрибутами ARIA и контрастом, которых Lighthouse не заметил. Бесплатной версии хватит для аудита небольшого сайта, хотя полный аудит цифровой доступности с покупательскими сценариями уже требует ручной проверки.

В конце ручной тест. Спрячь мышку в ящик, открой сайт и пройди по нему Tab. Всё должно быть достижимо, фокус виден, попапы закрываются Escape. Включи встроенный скринридер: на Mac это VoiceOver (Cmd+F5), на Windows — бесплатный NVDA. Достаточно десяти минут слушания главной страницы и корзины, чтобы услышать, что не так.

Сколько стоит привести сайт к WCAG 2.2

Доведение существующего лендинга на 5–10 подстраниц до уровня AA занимает от 8 до 20 часов работы разработчика. Для типичной кофейни или небольшого магазина это одна задача, а не месячный проект. Магазин побольше с корзиной, аккаунтом клиента и несколькими способами оплаты — от 40 часов и выше.

Что интересно, эти правки окупаются и со стороны продаж. Недавно мы правили контраст и подписи формы в магазине косметики; одни только изменения на карточке товара и в корзине подняли конверсию примерно на 5%, потому что читаемость выросла для всех, а не только для людей с проблемами зрения. Доступность и UX — это часто одна и та же работа, сделанная с двух сторон.

Разработка сайтов с поддержкой WCAG у нас идёт сразу на уровне AA, с конкретным списком проблем к исправлению и стоимостью каждой правки — без пакетов «всё включено» и без подключаемого сверху абонентского обслуживания.

Штрафы за отсутствие WCAG и юридический риск

Надзор за выполнением EAA в Польше осуществляет Президент Правления PFRON, а в телекоммуникациях и e-медиа — соответственно UKE и KRRiT. При выявленном нарушении орган требует у компании устранить проблему в установленный срок. Если фирма не реагирует, идут административные денежные штрафы — они достигают десятков тысяч злотых при более серьёзных нарушениях.

Второй риск — гражданские иски от потребителей или организаций, защищающих права людей с инвалидностью. В США и Германии такие коллективные иски — обычное дело; в Польше они только появляются, но закон это допускает.

Частые вопросы про WCAG 2.2 и EAA

Кого касается закон EAA?

Интернет-магазинов, банков, телеком-компаний, общественного транспорта, e-book, аудиовизуальных медиауслуг и производителей банкоматов. От обязанности освобождены микропредприятия, оказывающие услуги (до 9 сотрудников и оборот ниже 2 млн евро), но если они продают что-то онлайн — освобождение пропадает.

Маленький магазин тоже обязан соответствовать WCAG?

Да. Интернет-магазин не попадает под освобождение для микропредприятий, потому что продаёт товары, а не только оказывает услуги. Если у тебя на WordPress магазин украшений — твой сайт попадает под полные требования WCAG 2.2 на уровне AA.

Какой уровень WCAG требуется — A, AA или AAA?

Стандарт для бизнеса в ЕС — уровень AA. Уровень A — абсолютный минимум, AAA — максимум, трудный и дорогой в поддержке, на практике требуется только в некоторых публичных учреждениях.

Сколько времени уходит на приведение сайта в соответствие?

Для типичного корпоративного сайта на 5–10 подстраниц — от 8 до 20 часов работы. Для магазина с корзиной и аккаунтом клиента — от 40 часов и выше. Всё зависит от того, сколько ошибок идёт из готовой темы, а сколько из индивидуального кода и плагинов.

Бесплатного сканера Lighthouse хватит для аудита?

Хватит для первого взгляда и отлова 30% самых частых проблем. Полный аудит цифровой доступности всегда требует ручной проверки с клавиатурой и скринридером, потому что ни один сканер не определит, имеет ли сайт смысл для человека, который его не видит.

Коротко

EAA уже действует, а WCAG 2.2 — это конкретный список, которого требует закон. Четыре блока — контраст, фокус, клавиатура, формы — закрывают большую часть проблем за часы работы, а не недели. Остальное — это дисциплина при каждом новом графическом проекте и куске кода. Сайт, который работает для всех клиентов, и продаёт лучше; это давно перестало быть только этическим аргументом.