Проверка специальных возможностей с помощью Lighthouse

Вы можете использовать Lighthouse из devTools для аудита доступности страницы и создания отчета. С помощью средства Lighthouse можно определить:

• Правильно ли помечена страница для средств чтения с экрана.

• Указывает, имеют ли текстовые элементы на странице достаточные коэффициенты контрастности с помощью средства выбора цвета. См . раздел Проверка контрастности текста и цвета с помощью средства выбора цвета.

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

Чтобы выполнить аудит страницы с помощью средства Lighthouse, выполните следующие действия.

1. Перейдите по URL-адресу, который требуется выполнить аудит.

2. Чтобы открыть Средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроется devTools.

3. В DevTools на панели действий выберите вкладку Lighthouse . Если эта вкладка не отображается, нажмите кнопку Дополнительные инструменты (") .

   Отображаются параметры конфигурации средства Lighthouse :

   

4. Задайте следующие параметры конфигурации:

   • Для параметра Режим выберите Навигация.
   • В разделе Устройство выберите Мобильный , если вы хотите имитировать мобильное устройство. Этот параметр изменяет строку агента пользователя и изменяет размер окна просмотра. Этот параметр может повлиять на результаты аудита.
   • В разделе Категории выберите Специальные возможности и очистите другие категории:

   

5. Нажмите кнопку Анализ загрузки страницы .

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

   

6. Выберите элемент в отчете. Элемент будет развернут для отображения дополнительных сведений:

   

7. Щелкните ссылку Learn ... . Отображается документация по проблеме:

   

8. Чтобы вернуться к параметрам конфигурации, в средствах разработки щелкните Выполнить аудит (+).

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Кейс Баски.

Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.