Проверка структуры заголовков

Проверка иерархии заголовков на соответствие требованиям доступности

HTML-код

Что такое Проверка структуры заголовков?

Проверщик структуры заголовков валидирует иерархию HTML-заголовков в соответствии с рекомендациями WCAG по доступности. Он обнаруживает нарушения, такие как пропущенные уровни заголовков, отсутствующие теги H1 и пустые заголовки, которые мешают пользователям программ чтения с экрана эффективно перемещаться по контенту.

Как использовать

  1. Шаг 1 — Вставьте ваш HTML-код в область ввода.
  2. Шаг 2 — Проверщик валидирует порядок заголовков в соответствии с критериями успешности WCAG 2.1 и отмечает каждое нарушение с указанием уровня серьёзности.
  3. Шаг 3 — Просмотрите контрольный список прошедших/непрошедших проверку пунктов и экспортируйте отчёт о доступности для вашей команды.

Результат

Запустите HTML вашей целевой страницы через проверщик и найдите три нарушения: пустой тег H3, скачок с H1 на H3 и второй H1 в нижнем колонтитуле — каждое со ссылкой на конкретное правило WCAG.

Похожие инструменты