Средство проверки заголовков WCAG

Для кого создан этот инструмент

Правильная структура заголовков необходима для пользователей программ чтения экрана и людей с когнитивными нарушениями, которые полагаются на структуру документа для навигации и понимания. Опросы пользователей программ чтения экрана WebAIM регулярно показывают, что навигация по заголовкам — одна из наиболее распространённых и ценимых стратегий пользователей программ чтения экрана. Люди с когнитивными нарушениями и нарушениями обучения также извлекают пользу из чёткой иерархии, поскольку заголовки предоставляют план контента, который снижает когнитивную нагрузку (W3C Cognitive Accessibility Guidance). Глобальный отчёт об равенстве здоровья для людей с инвалидностью ВОЗ (2023) оценивает в 1,3 миллиарда количество людей — около 16% мирового населения — живущих со значительной инвалидностью, многие из которых используют вспомогательные технологии, зависящие от семантической структуры заголовков.

Требования WCAG 2.2

• SC 1.3.1 (информация и связи, уровень A): информация, структура и связи, передаваемые визуально, должны быть программно определимы.
• SC 2.4.1 (обход блоков, уровень A): заголовки позволяют пользователям перемещаться между разделами, служа механизмом обхода.
• SC 2.4.6 (заголовки и метки, уровень AA): заголовки описывают тему или цель контента, который они вводят.
• SC 2.4.10 (заголовки разделов, уровень AAA): заголовки разделов используются для организации контента.

Научные источники

• WebAIM (2024). «Screen Reader User Survey #10 Results.» webaim.org · Постоянно показывает, что навигация по заголовкам — одна из основных стратегий, используемых пользователями программ чтения экрана для понимания структуры страницы и поиска контента.
• Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). «Guidelines are only half of the story.» CHI ’12, ACM. · Обнаружено, что проблемы со структурой заголовков являются одними из наиболее часто встречающихся препятствий для слепых пользователей.
• W3C Web Accessibility Initiative (2023). «Page Structure: Headings Tutorial.» w3.org/WAI · Определяет лучшие практики иерархии заголовков, включая один h1 на страницу и последовательную вложенность.
• WebAIM. «Semantic Structure: Using Headings.» webaim.org · Советы о том, как структура заголовков поддерживает как навигацию через программу чтения экрана, так и визуальное сканирование.
• Deque Systems. «heading-order (правило axe-core).» · Автоматизированная проверка: уровни заголовков должны увеличиваться только на один за раз, чтобы гарантировать действительный план документа.
• Всемирная организация здравоохранения (2023). Global Report on Health Equity for Persons with Disabilities. · Оценивает в 1,3 миллиарда количество людей (16% мирового населения), живущих со значительной инвалидностью.

Отказ от ответственности

Этот инструмент проверяет только иерархическую структуру заголовков. Он не оценивает другие аспекты соответствия WCAG 2.2, такие как цветовой контраст, доступность с клавиатуры или использование ARIA. Действительная иерархия заголовков — это необходимое, но недостаточное условие для доступности. Для полного соответствия WCAG 2.2 используйте полноценный инструмент аудита (axe, WAVE, Lighthouse) в сочетании с ручным тестированием с вспомогательными технологиями.