Доступность сайта и European Accessibility Act: что бизнес обязан сделать к 2026 году

В кофейне на Маршалковской владелец небольшого магазина одежды показывает мне свой сайт с телефона и жалуется на продажи. Сайт красивый: крупные фото, тонкий светло-серый текст на белом, корзина за иконкой без подписи. Я прошу его на минуту закрыть глаза и оформить заказ голосом — включаю на его же телефоне встроенный скринридер. Через двадцать секунд он сдаётся: озвучка читает «кнопка, кнопка, ссылка, изображение», поля формы без названий, а до оплаты он так и не добрался. «И что, кто-то реально так покупает?» — спрашивает он. В Евросоюзе так покупают десятки миллионов человек, и доступность сайта для них — не каприз, а единственный способ вообще дойти до оплаты. А с июня 2025 года то, что он только что увидел, — это ещё и прямое нарушение закона.

Доступность сайта перестала быть темой «для энтузиастов» и вопросом хорошего тона. С 28 июня 2025 года в Евросоюзе действует European Accessibility Act (EAA) — и впервые недоступный сайт стал не эстетическим промахом, а юридическим риском с конкретным ценником. Это касается не благотворительных порталов и не госучреждений, а обычного коммерческого бизнеса: магазинов, банков, сервисов бронирования, всех, кто продаёт людям онлайн.

И вот что в этой истории мало кто проговаривает вслух: тот же самый сайт, который не пускает человека со скринридером, наполовину невидим и для поискового робота. Доступность и SEO растут из одного корня — из чистой, понятной машине структуры. Поэтому привести сайт в соответствие с EAA — это не штраф-налог, который вы платите неохотно. Это работа, которая заодно поднимает позиции и конверсию. Разберём по порядку: что требует закон, кого он касается, что такое WCAG простыми словами и с чего начать аудит.

Что такое European Accessibility Act и почему июнь 2025 — это дедлайн

EAA — это директива Евросоюза (2019/882), которая требует, чтобы целый ряд товаров и цифровых услуг был доступен людям с инвалидностью. Принята она была ещё в 2019-м, странам дали несколько лет на то, чтобы перенести её в национальные законы, а бизнесу — на подготовку. Это окно закрылось: с 28 июня 2025 года требования действуют и применяются на практике.

Важно понять логику закона, чтобы не искать в нём то, чего там нет. EAA не диктует, какой кнопкой и какого цвета должен быть ваш сайт. Он задаёт результат: услуга должна быть доступна человеку с нарушениями зрения, слуха, моторики или когнитивных функций — наравне со всеми. А как именно вы этого добьётесь технически — описывает европейский стандарт EN 301 549, который, в свою очередь, опирается на международные рекомендации WCAG. Цепочка простая: закон (EAA) → технический стандарт (EN 301 549) → проверяемый чек-лист (WCAG уровня AA).

Ещё одна деталь, которую часто путают. EAA — это не то же самое, что Web Accessibility Directive 2016 года. Та, более ранняя директива касалась сайтов государственного сектора. EAA впервые распространяет схожие требования на частный бизнес и потребительские услуги. Если вы раньше думали «доступность — это для госсайтов, меня не касается» — с 2025 года это уже не так.

Кого это касается на самом деле

Здесь начинается самое важное, потому что большинство владельцев бизнеса искренне уверены, что их это обходит стороной. Чаще всего — зря. EAA охватывает компании, которые продают потребителям в ЕС в довольно широком списке категорий:

• Интернет-магазины и e-commerce — практически любая розничная онлайн-торговля конечному покупателю.
• Банковские и платёжные услуги — онлайн-банкинг, платёжные сервисы, всё, что связано с потребительскими финансами.
• Транспорт и билеты — сайты и приложения для покупки билетов, бронирования, расписаний.
• Электронные книги и их магазины, ридеры.
• Телеком-услуги и оборудование для них.
• Аудиовизуальные сервисы — доступ к стриминговым платформам и подобному.

Ключевой принцип — территория продажи, а не территория регистрации. Если ваша компания зарегистрирована в Польше, Украине, Великобритании или вообще за пределами ЕС, но вы продаёте конечным потребителям внутри Евросоюза, требования вас касаются. Это особенно важно для бизнеса, который держит многоязычный сайт и принимает заказы из нескольких стран ЕС: вы уже на этом рынке.

Есть одно заметное исключение — микропредприятия, оказывающие услуги: компании, где меньше 10 человек и годовой оборот (или баланс) не превышает 2 млн евро, освобождены от части требований именно к услугам. Но не обольщайтесь: во-первых, исключение узкое и не распространяется на производителей и продавцов физических товаров; во-вторых, как только бизнес растёт, оно исчезает; в-третьих, даже если формально вы под него попадаете, недоступный сайт продолжает терять вам клиентов и позиции в поиске. Закон — это нижняя планка, а не цель.

Простой тест на причастность: вы продаёте что-то людям в ЕС через сайт или приложение? Если да — исходите из того, что EAA вас касается, и доказывайте обратное только через конкретную норму национального закона, а не «на глаз».

WCAG простыми словами: что такое доступный сайт

WCAG (Web Content Accessibility Guidelines) звучит как нечто, требующее отдельного образования. На деле всё держится на четырёх человеческих принципах: контент должен быть воспринимаемым (его можно увидеть или услышать), управляемым (им можно пользоваться без мыши), понятным и надёжным (его корректно читают вспомогательные технологии). Уровень соответствия, который требует EAA, — AA. Вот что это значит на практике, без жаргона.

Контраст текста

Светло-серый текст на белом фоне выглядит «воздушно» в портфолио дизайнера и нечитаемо — для человека со слабым зрением, а заодно для любого, кто смотрит на экран под солнцем. WCAG AA требует коэффициента контраста не ниже 4.5:1 для обычного текста и 3:1 для крупного. Это самая частая и самая дешёвая в исправлении ошибка: достаточно затемнить текст и проверить пары цветов контраст-чекером. Если вы затеваете обновление палитры, это естественный момент заложить контраст в сами дизайн-токены при редизайне сайта, а не латать постфактум.

Работа с клавиатуры

Огромная часть пользователей — люди с нарушением моторики, незрячие, да и просто продвинутые пользователи — не трогают мышь. Весь сайт должен работать с клавиатуры: по нему можно пройти клавишей Tab, видно, какой элемент сейчас в фокусе (та самая рамка, которую дизайнеры так любят убирать), а из всплывающих окон можно выйти. Проверяется за минуту: уберите руку с мыши и попробуйте оформить заказ только клавиатурой. Где застряли — там баг.

Текстовые альтернативы (alt)

Скринридер не видит картинку — он читает её описание из атрибута alt. Нет описания — для незрячего человека на этом месте дыра, иногда озвученная как бессмысленное имя файла. Каждое содержательное изображение должно иметь короткое осмысленное описание; чисто декоративные — пустой alt, чтобы озвучка их пропускала. Бонус, ради которого это любят маркетологи: тот же alt читает и Google, и это один из факторов ранжирования картинок.

Формы с подписями

Поле ввода без подписи — это поле-загадка. Плейсхолдер серым текстом внутри поля не считается подписью: он исчезает, как только начинаешь печатать, и скринридер его часто не озвучивает. У каждого поля должен быть программно связанный <label>, а ошибки («неверный e-mail») — объясняться текстом, а не только красной рамкой. Для бизнеса это критично вдвойне: форма — это место, где рождается заявка, и недоступная форма напрямую режет продажи. Если вы наводите порядок в формах захвата лидов, доступность и конверсия чинятся одним движением.

Структура заголовков и семантика

Скринридер ходит по странице, как по оглавлению, — прыгает по заголовкам. Если на странице один настоящий <h1>, а дальше логичная иерархия <h2>/<h3>, незрячий пользователь ориентируется мгновенно. Если все «заголовки» — это просто крупный жирный текст без тегов, навигации нет. Та же семантика — кнопки помечены как кнопки, ссылки как ссылки, списки как списки — нужна и поисковому роботу. Структура, по сути, единая.

Доступность сайта и SEO: почему это одна работа, а не две

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

Требование доступности	Что это даёт в SEO
alt к изображениям	Ранжирование в поиске по картинкам, контекст для страницы
Чистая структура h1→h2→h3	Google понимает иерархию контента, шансы на rich-сниппеты
Осмысленные тексты ссылок	Лучше распределяется вес ссылок, понятнее анкоры
Подписи и транскрипты к видео	Индексируемый текст вместо «слепого» для робота видео
Семантическая разметка	Чище парсинг страницы, основа для Schema.org
Быстрая, лёгкая вёрстка	Прямой вклад в Core Web Vitals

Последняя строка — отдельная тема. Доступные сайты, как правило, легче и аккуратнее устроены, а это напрямую улучшает Core Web Vitals — LCP, INP и CLS, которые Google в 2026 году учитывает в ранжировании. Прыгающая при загрузке вёрстка (плохой CLS) одинаково мучает и человека с нарушением моторики, который не может попасть по «убегающей» кнопке, и ваши позиции.

И ещё один сдвиг 2026 года: AI Overviews в Google и ассистенты вроде ChatGPT собирают ответы из страниц с чёткой, машиночитаемой структурой. Та самая семантика, что нужна скринридеру, — это ровно то, что помогает вашему контенту попасть в ответ ИИ. Доступность сайта, SEO и цитируемость в AI-поиске оказались тремя названиями одной и той же гигиены кода.

Не говоря о простой арифметике аудитории: по разным оценкам, около 15% людей в мире живут с той или иной формой инвалидности, а с учётом возрастного снижения зрения и слуха доля тех, кому доступность реально облегчает покупку, ещё выше. Недоступный сайт молча отправляет этих людей к конкуренту ещё до того, как вступит в дело хоть какой-то регулятор.

Как провести аудит доступности: с чего начать на этой неделе

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

1. Прогоните автоматический сканер. Бесплатные инструменты (например, расширения axe DevTools или WAVE, проверка Lighthouse в Chrome) за минуту подсветят контраст, отсутствующие alt, неподписанные поля. Оговорка: автоматика ловит хорошо если 30–40% проблем — она не заменяет ручную проверку, а только показывает верхушку.
2. Пройдите ключевой путь только клавиатурой. Уберите мышь и попробуйте сделать главное действие сайта — оформить заказ, отправить форму, забронировать. Где фокус пропал или вы застряли — приоритетный баг.
3. Включите скринридер и послушайте. На Mac это VoiceOver (Cmd+F5), в Windows встроен Narrator, есть бесплатный NVDA. Закройте глаза и пройдите главную страницу и оформление заказа. Это отрезвляет сильнее любого отчёта.
4. Проверьте контраст вручную на ключевых экранах — кнопки, ссылки, текст на фото, светло-серые подписи.
5. Зафиксируйте находки и оцените объём. Часть правок (контраст, alt, подписи форм) — это часы. Часть (сломанная клавиатурная навигация, нерабочие модальные окна, самописные «кнопки» из <div>) уходит в шаблоны и компоненты — и тогда честнее закладывать полноценный редизайн с доступностью в основе, чем латать дырку за дыркой.

Чего точно не делать — это вешать виджет-оверлей: плавающую кнопку «доступность», которая обещает «исправить» сайт переключателем шрифта и контраста. Это самая распространённая ловушка. Оверлеи не трогают исходный код, скринридеры их нередко игнорируют или конфликтуют с ними, а критерии WCAG остаются невыполненными. И регуляторы, и сообщество людей с инвалидностью прямо предупреждают: оверлей не обеспечивает соответствия EAA, а в ряде стран сам становился поводом для исков. Настоящая доступность правится в разметке и в дизайне — там, где живёт причина, а не в накладке поверх симптома.

Что это значит для денег и сроков

Честно о стоимости: универсального ценника нет, потому что всё зависит от того, насколько глубоко проблема сидит в коде. Если сайт построен на современных компонентах и аккуратной семантике, приведение к WCAG AA — это в основном правки контраста, alt, подписей и фокуса, и счёт идёт на десятки человеко-часов. Если сайт старый, на самописных «кнопках-картинках» и таблицах вёрстки, дешевле бывает перестроить, чем чинить, — и тогда доступность логично делать частью редизайна, а не отдельной статьёй. Порядок величин и развилки мы разбирали в материале о том, из чего складывается стоимость сайта; доступность встраивается в эту же смету, а не удваивает её, если заложена с самого начала.

Главная экономия — во времени. Доступность, заложенная на этапе дизайна и вёрстки, почти бесплатна: правильный контраст, семантические теги и подписанные формы не стоят дороже неправильных. Доступность, прикрученная к готовому сайту задним числом, стоит в разы больше и всегда выходит компромиссной. Поэтому если у вас впереди новый сайт или редизайн — самое дешёвое решение в вашей жизни прямо сейчас — это потребовать соответствие WCAG AA в самом техзадании.

И не считайте это чистым расходом «ради галочки в законе». Вы платите один раз, а получаете три вещи разом: снятый юридический риск по EAA, доступ к аудитории, которую раньше теряли на пороге, и набор технических улучшений, которые поднимают вас в поиске и в ответах ИИ. Мало какие вложения в сайт окупаются по трём осям сразу.

Кто в итоге выигрывает

Вернёмся к владельцу магазина в кофейне. К концу разговора он перестал спрашивать «кто так вообще покупает» и начал спрашивать «сколько это чинить». Это правильный сдвиг. Доступность перестала быть добровольным жестом доброй воли — с июня 2025 года это требование рынка ЕС, у которого есть штрафы, иски и дедлайн в прошлом, а не в будущем.

Но выигрывает в этой истории не тот, кто со вздохом закрывает минимальные требования закона. Выигрывает тот, кто понял, что доступный сайт — это просто хорошо построенный сайт: его читают люди со скринридером, его любит Google, его цитирует ИИ, и он не теряет покупателя на полпути к оплате. EAA всего лишь сделал обязательным то, что и так стоило сделать. Те, кто это услышал, сейчас тихо забирают и аудиторию, и позиции у соседей, которые всё ещё надеются отделаться плавающей кнопкой в углу экрана.