Sprawdzanie nagłówków WCAG

Dla kogo to narzędzie jest przeznaczone

Prawidłowa struktura nagłówków jest niezbędna dla użytkowników czytników ekranu i osób z zaburzeniami poznawczymi, które polegają na strukturze dokumentu, aby nawigować i rozumieć. Ankiety WebAIM Screen Reader User Surveys regularnie stwierdzają, że nawigacja po nagłówkach jest jedną z najczęstszych i najbardziej cenionych strategii użytkowników czytników ekranu. Osoby z zaburzeniami poznawczymi i trudnościami w nauce również korzystają z jasnej hierarchii, ponieważ nagłówki dostarczają planu treści, który zmniejsza obciążenie poznawcze (W3C Cognitive Accessibility Guidance). Światowy Raport o Równości Zdrowia dla Osób Niepełnosprawnych WHO (2023) szacuje, że 1,3 miliarda osób — około 16% populacji światowej — żyje ze znaczącą niepełnosprawnością, z których wiele używa technologii wspomagających, które zależą od semantycznej struktury nagłówków.

Wymagania WCAG 2.2

• SC 1.3.1 (informacja i relacje, poziom A): informacje, struktura i relacje przekazywane wizualnie muszą być możliwe do określenia programowo.
• SC 2.4.1 (omijanie bloków, poziom A): nagłówki pozwalają użytkownikom poruszać się między sekcjami, służąc jako mechanizm omijania.
• SC 2.4.6 (nagłówki i etykiety, poziom AA): nagłówki opisują temat lub cel treści, które wprowadzają.
• SC 2.4.10 (nagłówki sekcji, poziom AAA): nagłówki sekcji są używane do organizowania treści.

Referencje naukowe

• WebAIM (2024). „Screen Reader User Survey #10 Results.” webaim.org · Konsekwentnie stwierdza, że nawigacja po nagłówkach jest jedną z głównych strategii stosowanych przez użytkowników czytników ekranu do zrozumienia struktury strony i znajdowania w niej treści.
• Power, C., Freire, A., Petrie, H. & Swallow, D. (2012). „Guidelines are only half of the story.” CHI ’12, ACM. · Stwierdzono, że problemy ze strukturą nagłówków są wśród najczęściej napotykanych przeszkód przez niewidomych użytkowników.
• W3C Web Accessibility Initiative (2023). „Page Structure: Headings Tutorial.” w3.org/WAI · Definiuje najlepsze praktyki dla hierarchii nagłówków, w tym tylko jeden h1 na stronę i sekwencyjne zagnieżdżanie.
• WebAIM. „Semantic Structure: Using Headings.” webaim.org · Wskazówki dotyczące tego, jak struktura nagłówków wspiera zarówno nawigację czytnikiem ekranu, jak i wzrokowe skanowanie.
• Deque Systems. „heading-order (reguła axe-core).” · Automatyczna weryfikacja: poziomy nagłówków powinny rosnąć tylko o jeden naraz, aby zagwarantować prawidłowy plan dokumentu.
• Światowa Organizacja Zdrowia (2023). Global Report on Health Equity for Persons with Disabilities. · Szacuje, że 1,3 miliarda osób (16% populacji światowej) żyje ze znaczącą niepełnosprawnością.

Zastrzeżenie

To narzędzie sprawdza tylko hierarchiczną strukturę nagłówków. Nie ocenia innych aspektów zgodności z WCAG 2.2, takich jak kontrast kolorów, dostępność klawiatury czy użycie ARIA. Prawidłowa hierarchia nagłówków jest warunkiem koniecznym, ale niewystarczającym dla dostępności. Dla pełnej zgodności z WCAG 2.2 użyj kompleksowego narzędzia audytowego (axe, WAVE, Lighthouse) jako uzupełnienia testów ręcznych z technologiami wspomagającymi.