#devtools #инструменты
Тестирование accessibility: Lighthouse
Что понимается под accessibility?
Web accessibility, or eAccessibility, is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.
То есть речь идёт о доступности вебсайта для людей с ограниченными возможностями и в условиях ограничения параметров сети.
Какие есть способы проверки?
Крутая статья по теме тут.
В ней говорится о разных параметрах, которые можно проверить, (альты у картинок, контрастность текста, ховер при монохроме, язык страницы) и инструментах, которыми стоит воспользоваться. Об одном из таких инструментов я уже писала - это Web Developer.
В конце статьи огромный список источников информации по теме (огроменный!).
Отдельно про Lighthouse
В Chrome DevTools есть встроенный инструмент Lighthouse, в котором есть Аудит доступности.
Описание проверяемых параметров есть здесь.
Важно:
- запускать Лайтхаус лучше в инкогнито (чтобы на результатах не сказался кэш)
- 1) выбираем нужный отчёт - Accessibility, 2) выбираем девайс (Desktop/Mobile), 3) запускаем аудит (Generate report)
- при аудите есть опция троттлинга (вкл/выкл есть в настройках Лайтхауса (нижняя шестерёнка))
Тестирование accessibility: Lighthouse
Что понимается под accessibility?
Web accessibility, or eAccessibility, is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed.
То есть речь идёт о доступности вебсайта для людей с ограниченными возможностями и в условиях ограничения параметров сети.
Какие есть способы проверки?
Крутая статья по теме тут.
В ней говорится о разных параметрах, которые можно проверить, (альты у картинок, контрастность текста, ховер при монохроме, язык страницы) и инструментах, которыми стоит воспользоваться. Об одном из таких инструментов я уже писала - это Web Developer.
В конце статьи огромный список источников информации по теме (огроменный!).
Отдельно про Lighthouse
В Chrome DevTools есть встроенный инструмент Lighthouse, в котором есть Аудит доступности.
Описание проверяемых параметров есть здесь.
Важно:
- запускать Лайтхаус лучше в инкогнито (чтобы на результатах не сказался кэш)
- 1) выбираем нужный отчёт - Accessibility, 2) выбираем девайс (Desktop/Mobile), 3) запускаем аудит (Generate report)
- при аудите есть опция троттлинга (вкл/выкл есть в настройках Лайтхауса (нижняя шестерёнка))