Эта страница представляет собой исчерпывающий справочник по функциям доступности в инструментах разработчика Chrome. Она предназначена для веб-разработчиков, которые:
- Необходимо иметь базовое представление о DevTools, например, как его открыть.
- Знакомы с принципами и передовыми методами обеспечения доступности .
Цель этого справочника — помочь вам ознакомиться со всеми инструментами, доступными в DevTools, которые могут помочь вам проверить доступность страницы.
См. раздел «Навигация по инструментам разработчика Chrome с помощью вспомогательных технологий» , если вам нужна помощь в навигации по инструментам разработчика с помощью вспомогательных технологий, таких как программа чтения с экрана.
Если вы хотите узнать, как создавать доступные веб-сайты, посетите раздел «Изучение доступности» .
Обзор функций доступности в инструментах разработчика Chrome.
В этом разделе объясняется, как DevTools вписывается в ваш общий набор инструментов для обеспечения доступности.
При определении доступности страницы необходимо учитывать два основных вопроса:
- Можно ли перемещаться по странице с помощью клавиатуры или программы чтения с экрана ?
- Правильно ли размечены элементы страницы для программ чтения с экрана?
В целом, DevTools может помочь вам исправить ошибки, связанные с вопросом №2, поскольку эти ошибки легко обнаружить автоматически. Вопрос №1 не менее важен, но, к сожалению, DevTools здесь не поможет. Единственный способ найти ошибки, связанные с вопросом №1, — это попробовать использовать страницу с клавиатурой или программой чтения с экрана самостоятельно. Подробнее см. в разделе «Как провести проверку доступности» .
Проверьте доступность страницы.
В целом, используйте проверки доступности на панели Lighthouse , чтобы определить, соответствуют ли следующие условия:
- Страница корректно размечена для программ чтения с экрана.
- Текстовые элементы на странице имеют достаточный коэффициент контрастности. См. также: Как сделать ваш сайт более читабельным .
Для проверки страницы:
- Перейдите по URL-адресу, который вы хотите проверить.