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

Тестирование веб-сайтов и приложений на доступность — это большой труд. Хорошо, что есть некоторые инструменты автоматизированного тестирования, которые помогают сразу найти около 30% ошибок. Некоторые из них — это ошибки цветового контраста, отсутствие alt-тегов или описательного текста ссылок.

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

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

Список инструментов

axe DevTools

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

Считается, что особенно первые две группы проблем ДОЛЖНЫ быть решены. Чтобы легко найти проблему на сайте, вы можете отметить ее и получить советы и рекомендации по ее решению.

taba11y

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

Ориентиры

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

Веб-разработчик

Огромное преимущество этих расширений в том, что вы можете просматривать веб-страницу в обычном HTML, устанавливая неактивную таблицу стилей CSS (и многие другие вещи, связанные с CSS), показывать alt-текст и детали ссылок, включать или отключать входы форм и многое другое. Она действительно может многое предложить.

Чтобы проверить, достаточно ли высок контраст между цветом фона и цветом текста, а также между текстом ссылки и текстом основной части, очень хорошо подходит программа WebAIM Color Contrast Checker.

Вы также можете затемнить или осветлить цвета, чтобы увидеть, как их следует изменить, чтобы сделать их (по-прежнему) доступными.

VoiceOver на MacOS

VoiceOver — это программа для чтения с экрана, которая автоматически устанавливается на MacBook. Вы можете включить его в настройках «Доступность», чтобы пользоваться Интернетом так, как это делают люди, которым он необходим. Это позволит вам проверить, могут ли пользователи программы для чтения с экрана иметь те же возможности, что и пользователи мыши.

Клавиша Tab

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


Спасибо, что прочитали и уделили время. Я очень ценю это!

Оцените статью
devanswers.ru
Добавить комментарий