Проверка доступности HTML
Сканируйте HTML-фрагмент на наличие проблем, которые мешают экранным дикторам и пользователям клавиатуры.
Проверка доступности HTML
Вставьте HTML-фрагмент, и этот инструмент отсканирует его на предмет проблем, которые наиболее часто мешают экранным дикторам, пользователям клавиатуры и другим вспомогательным технологиям. Каждое обнаруженное проблема сообщается с номером строки и понятным объяснением, поэтому вы можете исправить ее без обращения к отдельному документу WCAG. Инструмент сканирует фрагмент, который у вас есть под рукой — компонент, шаблон письма, блок CMS — а не полную загруженную страницу.
Проверки — это параметры, которые можно включать и отключать отдельно: отсутствующий alt текст на изображениях (и пустой alt на изображениях, которые являются единственным содержимым ссылки или кнопки), уровни заголовков, которые пропускают уровень или не начинаются с h1, кнопки и ссылки без видимого текста или aria-label, поля формы без связанной метки, вспомогательный текст ссылки, таблицы без ячеек заголовков, документ без атрибута lang и дублирующиеся атрибуты id. Фильтр серьезности сужает список до предупреждений и ошибок или только ошибок.
Проверка читает только исходную разметку — теги и атрибуты, а не вычисленные стили или отображаемый макет — поэтому не будет обнаруживать проблемы контрастности или порядок фокуса, которые проявляются только после применения CSS (используйте для этого проверку контрастности). Анализ — это лучший результат: он допускает неправильный или неполный HTML вместо отказа в работе, поскольку вставленный фрагмент редко имеет закрывающий тег для всего.
Все происходит локально в вашем браузере. Фрагмент, который вы вставляете — который может поступать с невыпущенной страницы, внутреннего инструмента или проекта клиента — никогда не загружается и не отправляется на сервер. Скопируйте отчет, загрузите его как файл .txt или отправьте фрагмент обратно во входные данные после внесения изменений, чтобы переотсканировать его.