Найдите проблемы доступности в HTML
Вставьте HTML, чтобы найти отсутствующий alt-текст, поля без подписей и другие частые проблемы WCAG, с решением для каждой.
- Работает на вашем устройстве
- Без регистрации
- Работает офлайн после первого визита
Проверяется только разметка. Таблицы стилей не отрисовываются, поэтому цвет из CSS и порядок фокуса не тестируются. HTML остаётся в этой вкладке.
Как проверить страницу на проблемы доступности
- Вставьте HTML страницы или загрузите пример.
- Отфильтруйте список по ошибкам или предупреждениям.
- Исправьте каждую проблему в строке, которую она указывает.
Вопросы
Что проверяется?
Отсутствующий alt-текст, поля без подписей, пустые кнопки и ссылки, неточный текст ссылок, пропущенные заголовки, таблицы без ячеек заголовков, положительный tabindex, заблокированное масштабирование на телефонах, iframe без title, низкий контраст во встроенных стилях и видео без субтитров.
Почему чистый результат — не полная гарантия?
Проверка читает только разметку. Она не видит цвета из таблиц стилей, порядок фокуса на экране и то, что озвучивает программа чтения с экрана. Проверьте также с клавиатуры и программой чтения с экрана.
Что означают уровни WCAG?
В WCAG 2.2 три уровня. A — минимальный, AA — уровень, на который ссылаются большинство стандартов доступности и законов, а AAA — самый строгий. Для каждой проблемы показан критерий, который она нарушает.
Отправляется ли мой HTML куда-либо?
Нет. Ваш браузер читает HTML в этой вкладке, и ничего не отправляется на сервер.
Отзывы
Отзывов пока нет. Будьте первым.