Создание рабочего процесса ручного аудита

Автоматизированные сканеры обнаруживают, возможно, лишь 30% проблем. Ручная проверка помогает найти неудобства, которые робот никогда не сможет ощутить. 🔍

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

Отключите мышь и перемещайтесь по странице с помощью клавиши Tab. Каждая ссылка, кнопка и область ввода должны быть доступны в понятном порядке.

При перемещении с помощью Tab вы всегда должны видеть, где находитесь. Отсутствующий индикатор фокуса полностью дезориентирует пользователей клавиатуры на странице.

Включите NVDA, VoiceOver или TalkBack и перемещайтесь по заголовкам и ориентирующим областям. Совпадает ли услышанное с тем, что вы видите?

Нажимайте Ctrl или Cmd и клавишу «плюс», чтобы достичь масштаба 200%. WCAG требует сохранять всё содержимое и функциональность без горизонтальной прокрутки на обычной странице.

Проверьте настоящий текст на фоне. Для основного текста коэффициент контрастности должен быть не менее 4,5:1, чтобы соответствовать WCAG AA.

Откройте DevTools и изучите дерево доступности. Оно показывает имя, роль и состояние, которые вспомогательные технологии действительно получают для каждого элемента.

Каждый раз работайте по фиксированному списку проверок. Единый список помогает охватить одну и ту же область и случайно не пропустить важную проверку.

По ходу работы фиксируйте каждую проблему на снимке экрана или в заметке. Чёткая запись превращает беспорядочную проверку в список, который можно исправлять и отслеживать.

Ограничивайте каждый проход одним пользовательским сценарием, например регистрацией или оформлением заказа. Небольшие целенаправленные проходы находят больше проблем, чем беглый просмотр всего сайта сразу.

Теперь вы проводите ручную проверку с клавиатурой, экранным диктором и масштабированием, изучаете дерево доступности и фиксируете результаты для каждого сценария. 🎯