Чек-лист: подготовить сайт к проверке доступности

Большинство барьеров живёт в шаблонах: шапка, подвал, карточка товара, форма. Исправление одного шаблона закрывает находки на десятках страниц. Этот чек-лист помогает пройти по ним до того, как запускать проверку.

Разметка

1. Один h1 на странице, заголовки по уровням без пропусков.
2. Атрибут lang="ru" у html, lang у фрагментов на других языках.
3. Заголовок страницы (title) уникальный и описательный.
4. Ориентиры: header, nav, main, footer; ссылка «К содержанию» первой в порядке обхода.

Изображения и цвет

1. У всех информативных картинок есть alt, у декоративных – пустой.
2. Контраст текста не ниже 4,5:1, крупного – 3:1, элементов управления – 3:1.
3. Статусы и ошибки обозначены не только цветом.

Клавиатура и движение

1. Все действия доступны с клавиатуры, фокус виден и идёт в логичном порядке.
2. Модальные окна удерживают фокус и закрываются по Escape.
3. Карусели и видео можно остановить, автовоспроизведение без звука или с управлением.
4. Анимации учитывают настройку «уменьшить движение».

Формы

1. У каждого поля есть подпись, связанная через label или aria-labelledby.
2. Обязательные поля обозначены текстом, а не только звёздочкой.
3. Ошибки описаны словами рядом с полем и объявляются диктору.
4. CAPTCHA с альтернативой или без неё.

Документы и декларация

1. PDF размечены по ГОСТ Р 70176-2022 или есть HTML-версия.
2. Опубликована декларация доступности со ссылкой в подвале.

После этого запустите проверку в SEOptimer: отчёт покажет, что осталось, и даст разработчику точные селекторы.