Тестирование чтения с экрана, навигация только с клавиатуры и многое другое

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

Иногда меня просят проверить существующий набор страниц, чтобы мы могли исправить его. В других случаях меня попросят провести аудит функции, чтобы проверить наличие проблем с доступностью до ее выпуска. Меня часто просят оставить отзыв об обзоре кода доступности в рамках процесса запроса на вытягивание.

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

Основные направления аудита

Обычно я провожу свой аудит серией проходов по странице или функции:

  1. Ручное тестирование с использованием навигации только с клавиатуры
  2. Ручное тестирование с использованием навигации для чтения с экрана
  3. Автоматизированное тестирование с использованием расширения для браузера Ax DevTools и других специальных инструментов.

Рассмотрим каждую из этих фаз.

Навигация только с клавиатуры

Когда я впервые просматриваю страницу или функцию, я пытаюсь управлять элементами управления и перемещаться по странице, используя только клавиатуру.

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

На этом этапе я также проверяю, реагируют ли различные элементы управления на соответствующие нажатия клавиш. Например, кнопки должны реагировать на клавиши Enter и Space. Ссылки должны быть активированы с помощью клавиши Enter. Пункты меню должны быть доступны для навигации с помощью клавиш со стрелками вверх и вниз.