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% ошибок
В повседневной работе обычно достаточно закрыть четыре вещи:
- Контраст текста и фона — минимум 4.5:1 для обычного шрифта, 3:1 для крупного (от 18 px жирного или 24 px обычного). Модный серый
#999на белом даёт 2.85:1, то есть не проходит. - Видимый фокус. Когда кто-то ходит по сайту с клавиатуры, активная кнопка или ссылка должна быть чётко выделена рамкой, подсветкой или тенью. Многие разработчики ставят
outline: noneи забывают добавить свой стиль. - Полная работа с клавиатуры. Весь сайт должен проходиться Tab, активироваться Enter и закрываться Escape, без мыши. Модалка, в которой фокус убегает под низ страницы, — классика жанра.
- Формы и кликабельные зоны. Минимальный размер кнопки — 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 — это конкретный список, которого требует закон. Четыре блока — контраст, фокус, клавиатура, формы — закрывают большую часть проблем за часы работы, а не недели. Остальное — это дисциплина при каждом новом графическом проекте и куске кода. Сайт, который работает для всех клиентов, и продаёт лучше; это давно перестало быть только этическим аргументом.
Похожие статьи
Как установить SSL-сертификат? Что такое SSL?
Установка SSL-сертификата — один из лучших способов защиты транзакций и персональных данных клиентов. Наличие SSL-сертификата на сайте защищает от хак...
Отзывы клиентов на веб-сайте — почему они так важны?
Чтение отзывов и мнений в интернете является для многих клиентов основным условием покупки товара или услуги. Иногда мнение обычного пользователя може...
С чего начать создание сайта - Практическое руководство
Практическое руководство по первым шагам в создании веб-сайта. Узнайте, с чего начать, как выбрать домен, хостинг и CMS-систему.
Есть вопросы?
Позвоните - обсудим детали
Каждый проект индивидуален, требует внимания и тщательного планирования. Я помогу вам реализовать ваши идеи и сделаю все, чтобы вы достигли своей цели.
