A11Y 101: Инструменты оценки

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

Мы можем использовать эти инструменты для оценки того, где мы можем улучшить нашу доступность.

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

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

Посетите список инструментов W3 для оценки веб-доступности.

Используйте программу чтения с экрана!

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

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

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

Прочтите статью о программах чтения с экрана.

axe DevTools

Первый инструмент, который мы рассмотрим, — это axe DevTools.

Добавьте axe DevTools

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

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

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

Инструмент оценки WAVE

Еще один действительно замечательный и визуально полезный инструмент — это инструмент оценки WAVE.

Добавьте инструмент оценки WAVE.

Как только вы добавите инструмент и откроете его на сайте, появится боковая панель.

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

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

Accessibility Insights for Web

Инструмент Accessibility Insights for Web — это фантастический управляемый инструмент для тестирования доступности от Microsoft.

Добавьте Accessibility Insights for Web.

После добавления инструмента вы можете выбрать быстрый проход для определения трех наиболее распространенных проблем доступности.

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

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

Lighthouse

Последним, но не менее важным инструментом является Lighthouse. Это не совсем инструмент, ориентированный на доступность, но, выполняя тесты Lighthouse, вы также проверяете наиболее распространенные проблемы доступности.

Основное внимание уделяется контрасту, семантике и отсутствующим элементам.

Lighthouse поставляется с Chrome, так как мы можем запустить его из инструментов разработчика.

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

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

Заключение

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

Всегда старайтесь проводить такие оценки с точки зрения человека с конкретной инвалидностью.
Это поможет вам понять, чего может ожидать человек.

Дайте мне знать, если вы знаете еще какие-нибудь идеальные инструменты для обеспечения доступности, которые вы используете!

Спасибо, что прочитали, и давайте общаться!

Спасибо, что читаете мой блог. Не стесняйтесь подписываться на мою рассылку по электронной почте и подключайтесь к Facebook или Twitter.

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