Доступный сайт: что теперь обязательно и как этого достичь
С июня 2025 года в ЕС действует обязанность по доступности для большой части предлагаемых цифровых продуктов и услуг. Для большинства корпоративных сайтов это меньше работы, чем опасаются — десять мер покрывают большую часть.
Самое важное вкратце
- В ЕС обязанность касается прежде всего тех, кто продаёт цифровые продукты потребителям — предложения только для корпоративных клиентов и микропредприятия частично освобождены.
- Мерило — WCAG на уровне AA. Звучит как много, но для обычного корпоративного сайта достижимо за несколько дней.
- Десять мер покрывают большую часть — и большинство из них в любом случае хорошая практика.
- Автоматические инструменты проверки находят лишь часть проблем. Остальное требует проверки с клавиатурой и программой чтения с экрана.
Кого это касается
С 28 июня 2025 года в ЕС действует European Accessibility Act, перенесённый в национальное право — в Германии как Barrierefreiheitsstärkungsgesetz. Затронуты цифровые продукты и услуги, предлагаемые потребителям.
| Случай | Затронут? |
|---|---|
| Интернет-магазин для потребителей | да |
| Процесс бронирования или записи для потребителей | да |
| Услуги только для корпоративных клиентов | как правило, нет |
| Чисто информационный сайт без продаж | как правило, нет |
| Микропредприятия в сфере услуг | частично освобождены |
| Государственные органы | да, уже раньше |
В Швейцарии действует Behindertengleichstellungsgesetz, обязывающий прежде всего государственные органы. Но тот, кто поставляет товары и услуги потребителям в ЕС, подпадает для этого предложения под регулирование ЕС — так что вопрос встаёт и для швейцарских компаний с бизнесом в ЕС.
Десять мер
Отсортированы по эффекту на единицу усилий. Первые пять по опыту покрывают большую часть замечаний.
1. Альтернативные тексты для изображений
Описывай, что изображение значит в контексте — а не что на нём видно. Чисто декоративные изображения получают пустой атрибут, чтобы их пропускали.
2. Проверка контраста
Не менее 4,5:1 для обычного текста, 3:1 для крупного. Касается прежде всего серых вспомогательных текстов и светлых надписей на цветных поверхностях.
3. Всё доступно с клавиатуры
Каждая функция должна работать без мыши, в осмысленном порядке, без места, где можно застрять. Касается прежде всего меню, наложений и форм.
4. Видимый фокус
Где сейчас находится фокус клавиатуры? Чётко видимая рамка. Самая частая ошибка — outline: none в таблице стилей, который так и не заменили.
5. Подписанные поля форм
Каждому полю нужен связанный label. Текста-заполнителя недостаточно — он исчезает при вводе и озвучивается не везде.
6. Заголовки по порядку
Один H1, под ним H2, под ним H3 — без пропусков. Программы чтения с экрана перемещаются по ним; страницу без структуры невозможно бегло просмотреть.
7. Разметка языка
<html lang> для каждой версии, иноязычные фрагменты размечены по отдельности. Без этого указания текст озвучивается с неправильным произношением.
8. Осмысленные тексты ссылок
«Узнать больше» пять раз на одной странице бесполезно, когда ссылки озвучиваются по отдельности. Текст ссылки должен быть понятен сам по себе.
9. Масштабирование до 200 процентов
При увеличении ничто не должно обрезаться или исчезать. Касается прежде всего фиксированных высот и наложений.
10. Сообщения об ошибках в тексте
Красной рамки недостаточно — ошибка должна стоять рядом текстом и говорить, что делать. Цвет сам по себе никогда не должен быть единственной информацией.
Знаешь ли ты?
Девять из десяти мер одновременно улучшают находимость. Иерархия заголовков, альтернативные тексты, осмысленные тексты ссылок и размеченный язык — это те же самые вещи, которые нужны и поисковым системам, и системам ответов.
Это не случайность: программа чтения с экрана и краулер стоят перед одной и той же задачей — они не видят страницу, они читают её структуру. Кто строит для одного, тот в основном уже сделал и другое.
Проверка — и что не находят инструменты
Автоматические инструменты проверки, по распространённой оценке, находят лишь часть реальных проблем. Что они находят надёжно: отсутствующие альтернативные тексты, слишком низкий контраст, отсутствующие подписи полей, разметку языка.
Чего они найти не могут:
- Осмыслен ли альтернативный текст. «Bild1.jpg» проходит проверку.
- Логичен ли порядок обхода клавиатурой. Есть — да, осмыслен — нет.
- Запирает ли наложение фокус. Заметно только при тесте.
- Соответствует ли порядок чтения смыслу. Требует настоящей программы чтения с экрана.
Самый быстрый показательный тест занимает десять минут и не требует инструмента: убери мышь и управляй страницей только клавишами Tab, Enter и стрелками. Открой главную страницу, перейди к контактной форме, заполни её, отправь.
Две вещи почти всегда бросаются в глаза: в нескольких местах фокус невидим, а в меню или наложение можно войти, но нельзя из него выйти. И то и другое — тяжёлые ошибки, оба не сообщаются автоматическими проверками, и оба устраняются меньше чем за час.
Декларация о доступности
Затронутые поставщики должны изложить, как их предложение выполняет требования. Сюда входят:
- Состояние внедрения — в том числе открыто названные пробелы.
- Возможность связаться по поводу барьеров.
- Дата последней проверки.
Честная декларация с названными пробелами и планом по срокам при этом лучше той, что заявляет полное соответствие, которое проверка не подтвердит.
Помоги мне оценить, что нужно сделать для нашего сайта в плане доступности. Наша ситуация: - Что мы предлагаем: [Angebot] - Продаём ли мы цифровые продукты потребителям? [ja / nein / teilweise] - Рынки: [Länder] - Сотрудники и годовой оборот: [Angabe] - Интерактивные элементы на сайте: [Formulare, Buchung, Shop, Konfigurator, Login] - Что мы уже внедрили: [Stichpunkte] Задачи: 1. Оцени, для каких частей нашего предложения обязанность ЕС может действовать. Назови пункты, которые обязательно должен оценить специалист. 2. Из десяти стандартных мер назови те, которые для наших интерактивных элементов важнее всего, и обоснуй. 3. Сформулируй контрольный список для теста нашего сайта с клавиатуры: какие пути мы проходим и на что обращаем внимание. 4. Назови, что автоматические инструменты проверки у нас, вероятно, не найдут. 5. Составь структуру декларации о доступности с заполнителями для нашего текущего состояния. Не выдумывай параграфы, сроки или размеры штрафов.
Итог
Для обычного корпоративного сайта доступность на уровне AA — не большой проект: десять мер, большинство из которых в любом случае хорошая практика, покрывают большую часть — объём порядка нескольких дней.
Самый действенный шаг не стоит ничего: убрать мышь и один раз поуправлять собственным сайтом с клавиатуры. То, что при этом бросается в глаза, не найдёт ни один автоматический инструмент — и это чаще всего самые тяжёлые ошибки.
Частые вопросы
Для кого действует обязанность по доступности?
В ЕС с 28 июня 2025 года прежде всего для тех, кто продаёт цифровые продукты потребителям — интернет-магазинов, процессов бронирования и записи. Предложения только для корпоративных клиентов и чисто информационные сайты, как правило, не затронуты, микропредприятия в сфере услуг частично освобождены. Государственные органы были обязаны уже раньше.
Действует ли это и для швейцарских компаний?
В Швейцарии Behindertengleichstellungsgesetz обязывает прежде всего государственные органы. Но тот, кто поставляет товары и услуги потребителям в ЕС, подпадает с этим предложением под регулирование ЕС — так что вопрос встаёт и для швейцарских компаний с бизнесом в ЕС.
Какие меры дают больше всего?
Пять покрывают большую часть замечаний: осмысленные альтернативные тексты для изображений, достаточный контраст (4,5:1 для обычного текста), полная управляемость с клавиатуры, видимая рамка фокуса и подписанные поля форм со связанным label вместо простого текста-заполнителя.
Достаточно ли автоматических инструментов проверки?
Нет, они находят лишь часть проблем. Надёжно они распознают отсутствующие альтернативные тексты, слабый контраст и отсутствующие подписи полей. Они не могут распознать, осмыслен ли альтернативный текст, логичен ли порядок обхода клавиатурой или запирает ли наложение фокус.
Помогает ли доступность и видимости?
Да, девять из десяти стандартных мер напрямую работают на находимость. Иерархия заголовков, альтернативные тексты, осмысленные тексты ссылок и размеченный язык — это те же самые вещи, которые нужны поисковым системам и системам ответов: программа чтения с экрана и краулер оба читают структуру, а не видят картинку.
Маркетинг, который настраивается сам
Бета Studio Engine уже открыта. Забронируй место и участвуй в развитии с самого начала.
Присоединиться к бете →