Проверка доступности сайта: автоматическая или ручная
· 5 мин чтения
Автоматические проверки быстро и надёжно находят технические ошибки: отсутствующий альтернативный текст, недостаточный контраст, поля форм без подписей. Но можно ли на самом деле пользоваться сайтом с клавиатурой и экранным диктором, могут оценить только люди. Лучшая стратегия — сочетание: автоматически, регулярно и по всему сайту; вручную — прицельно для самых важных сценариев.
Как работают автоматические проверки
Автоматический тест загружает страницу в браузере и применяет к коду правила. Распространённая открытая библиотека для проверок — axe-core; в версии 4.11 в ней более 100 правил, примерно две трети из них связаны с критериями WCAG уровней A и AA. Типичные правила:
- Есть ли у каждого изображения атрибут
alt? - Есть ли у каждого поля формы связанная подпись?
- Достаточен ли контраст текста с фоном?
- Есть ли у каждой кнопки доступное имя?
- Указан ли язык страницы?
- Корректны ли атрибуты ARIA?
Такие правила проверяются однозначно: атрибут есть или его нет, контраст выше 4,5:1 или ниже.
Что автоматические проверки умеют хорошо
- Охват. Сотни страниц за короткое время, без усталости.
- Повторяемость. Одна и та же проверка каждую неделю с сопоставимыми результатами.
- Раннее обнаружение. Новые ошибки после обновления видны сразу.
- Стоимость. В пересчёте на страницу значительно дешевле любой ручной проверки.
- Подтверждение. История показывает, что вы постоянно работаете над доступностью.
Где автоматические проверки упираются в пределы
Автоматические тесты охватывают лишь часть возможных барьеров; насколько большую, исследования оценивают по-разному (тест GOV.UK, исследование Deque). Типичные пробелы:
| Вопрос | Почему автоматика не может на него ответить |
|---|---|
| Осмысленно ли альтернативный текст описывает изображение? | «IMG_4711.jpg» формально — альтернативный текст, но бесполезный. |
| Логичен ли порядок перехода клавишей Tab? | Автоматика видит код, а не путь по странице. |
| Всегда ли виден фокус на протяжении сценария? | Зависит от состояний, анимаций, оверлеев. |
| Можно ли полностью оформить заказ с клавиатуры? | Нужно реальное взаимодействие в несколько шагов. |
| Понятны ли сообщения об ошибках? | Это вопрос языка, а не синтаксиса. |
| Объявляет ли экранный диктор «Добавлено в корзину»? | Нужен тест со вспомогательной технологией. |
| Не перекрывает ли cookie-баннер кнопку в фокусе? | Зависит от макета и размера экрана. |
К этому добавляются ложные срабатывания в пограничных случаях, например с текстом на изображениях или градиентах, где контраст трудно вычислить.
Поэтому правило такое: автоматическая проверка — не полный аудит. Кто обещает иное, обещает слишком много.
Как выглядит ручная проверка
Ручная проверка идёт по критериям успеха WCAG и тестирует с реальными вспомогательными технологиями:
- Клавиатура: управлять страницей только клавишами Tab, Shift+Tab, Enter, пробел, стрелками и Escape.
- Фокус: всегда ли понятно, где вы находитесь? Не прячется ли фокус под закреплёнными шапками или баннерами?
- Масштаб и перекомпоновка: увеличение 200 %, узкая ширина экрана, без горизонтальной прокрутки.
- Экранный диктор: пройти основной сценарий с NVDA в Windows или VoiceOver на Mac и iPhone.
- Содержание: оценить по смыслу альтернативные тексты, тексты ссылок, заголовки и сообщения об ошибках.
- Мультимедиа: субтитры, аудиодескрипция, управление видео и слайдерами.
В качестве метода структурированной проверки подходит методология оценки WCAG-EM от W3C. Полный аудит сопоставляет все результаты с критериями успеха и, в зависимости от объёма, занимает дни, а не минуты.
Пример из повседневной жизни магазина
Возьмём поле «Код купона» при оформлении заказа. Автоматическая проверка сообщает: у поля ввода нет связанной подписи, только текст-заполнитель. Это явная, технически обнаружимая ошибка — быстро найдена, быстро исправлена. Но объявит ли экранный диктор сообщение «Недействительный код» после отправки и окажется ли фокус потом в разумном месте, покажет только ручной тест. Обе проверки дополняют друг друга: автоматика находит ошибку на всех страницах, человек проверяет сценарий.
Сравнение вкратце
| Автоматически | Вручную | |
|---|---|---|
| Скорость | минуты на много страниц | от часов до дней |
| Охват критериев | часть критериев | все критерии |
| Повторение | сколько угодно, например еженедельно | эпизодически |
| Оценивает качество содержания | нет | да |
| Тестирует реальные сценарии | ограниченно | да |
| Стоимость на страницу | низкая | выше |
Разумное сочетание для интернет-магазинов
- Автоматически и регулярно. Еженедельно проверяйте все важные типы страниц. Так технически обнаружимые ошибки остаются под контролем, а новые видны сразу.
- Вручную для ключевых сценариев. Поиск, выбор товара, корзина, оформление заказа, регистрация — после каждого крупного обновления и не реже раза в год.
- Вручную для новых компонентов. Новый фильтр, новый плагин оформления заказа, новый cookie-баннер заслуживают короткого теста с клавиатурой и экранным диктором перед запуском.
- Учитывайте отзывы. Сообщения клиентов о барьерах ценнее любого правила.
Список критериев с пометкой, что обнаруживается автоматически, а что нет, есть в нашем чек-листе WCAG 2.2.
Почему оверлеи — не третий вариант
Иногда виджет предлагают как «автоматическое решение». Но оверлей ничего не проверяет и не исправляет в коде; он лишь кладёт сверху ещё один слой. В 2025 году Федеральная торговая комиссия США (FTC) добилась от известного поставщика выплаты одного миллиона долларов США и запрета определённых рекламных утверждений. Подробнее в статье Оверлеи — не решение.
Что это значит для ваших обязанностей
Для магазинов, подпадающих под немецкий закон BFSG: требования касаются фактической доступности, а не конкретного метода проверки. Регулярная автоматическая проверка — хороший, подтверждаемый элемент. Для заявления о доступности по § 14 BFSG вам дополнительно нужно описание вашей услуги, и его не даст ни один сканер. Правовые рамки объясняет руководство по BFSG.
Как проверяем мы
Мы автоматически проверяем по WCAG 2.2 AA с помощью axe-core в настоящем браузере, объясняем каждый результат карточкой правила и показываем динамику от недели к неделе. В каждом отчёте указано: автоматическая проверка, не полный аудит, не юридическая консультация. Как это устроено в деталях, читайте на странице Как это работает. Попробуйте на одной странице своего магазина.