Доступность WCAG: что автоматика находит, а что нет

Автотесты закрывают около трети критериев WCAG. Разбираем, какие проблемы они ловят, какие пропускают и как проверять остальное руками за полчаса.

Доступность · Опубликовано: 24 июня 2026 г. · 2 мин чтения · Ольга Мирошник

Автоматические проверки доступности — хороший фильтр первого уровня и плохая гарантия. По разным оценкам они покрывают 25–40% критериев WCAG 2.2. Остальное требует человека, потому что машина не понимает смысла.

Что автоматика находит надёжно

• Изображения без alt.
• Недостаточный контраст текста и фона (уровень AA — 4,5:1 для основного текста, 3:1 для крупного).
• Поля формы без связанного <label>.
• Пропуски в иерархии заголовков: H2 сразу после H4.
• Дублирующиеся id и некорректные ARIA-роли.
• Отсутствие lang у документа.

Это дешёвые правки, и их разумно закрывать в CI: подключить axe-core к прогону e2e-тестов и падать сборку на нарушениях уровня critical.

Что машина пропустит

Осмысленность alt. alt="изображение" формально проходит проверку и не несёт информации. Для декоративных картинок правильный ответ — пустой alt="", а не отсутствие атрибута.

Порядок фокуса. Табуляция должна идти в визуальном порядке. Модальное окно обязано удерживать фокус внутри себя и возвращать его на кнопку-инициатор при закрытии. Ни одно из этих правил не проверяется статически.

Смысл ссылок вне контекста. Двадцать ссылок «Подробнее» на странице — валидный HTML и бесполезная навигация для скринридера.

Динамические обновления. Появилась ошибка формы или обновился счётчик корзины — нужен aria-live, иначе изменение останется незамеченным.

Клавиатурные ловушки. Кастомный селект или карусель, из которых нельзя выйти клавишей Tab.

Ручная проверка за тридцать минут

1. Уберите мышь. Пройдите ключевой сценарий только с клавиатуры: Tab, Shift+Tab, Enter, Esc, стрелки.
2. Убедитесь, что фокус всегда виден. Правило outline: none без замены — самая частая причина провала.
3. Увеличьте масштаб до 200%. Ничего не должно обрезаться или уезжать за экран.
4. Включите скринридер (VoiceOver, NVDA) и послушайте первую минуту главной страницы.
5. Проверьте страницу в режиме высокой контрастности и с отключёнными изображениями.

Почему это не только про людей с инвалидностью

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

И зафиксируйте уровень: WCAG 2.2 AA — практический ориентир, к которому отсылает большинство регуляторных требований, включая европейские.