Hierarchia nagłówków

Czym jest hierarchia nagłówków?

Mówiąc o hierarchii nagłówków mamy na myśli poprawną ich kolejność, czyli najpierw Nagłówek 1, później Nagłówek 2, Nagłówek 3 itd. Bez pomijania poziomów.

Co ważne poziomy nagłówków powinniśmy stosować w obrębie danego akapitu, czyli tytuł akapitu poziom 2, podtytuł akapitu poziom 3, i kolejny tytuł następnego akapitu poziom 2.

Na końcu artykułu zamieściłem przykładową strukturę, aby lepiej zobrazować na czym to polega.

Dlaczego poprawna hierarchia jest ważna?

Nagłówki są swoistym spisem treści artykułu. Użytkownicy najczęściej czytają nagłówki i wybierają ten akapit, który ich interesuje. Podobnie działają np. czytniki ekranu, z których korzystają m.in, osoby niewidome. Tak najbardziej ogólnie, czytnik czyta listę wszystkich nagłówków i użytkownik wybiera ten, który go interesuje.

Jeśli w swojej strukturze nagłówków będziemy mieli „lukę” to osoba niewidoma po odsłuchaniu listy nagłówków np. Nagłówek poziom 1 Czym jest hierarchia nagłówków?, nagłówek poziom 4 Dlaczego poprawna hierarchia jest ważna? będzie się zastanawiać, czy przypadkiem czytnik nie pominął dwóch nagłówków poziomu 2 i poziomu 3.

Jak poprawnie stosować nagłówki?

Każdy system zarządzania treścią ma swój własny edytor tekstu a w nim możliwość dodawania nagłówków wybranego poziomu. Tak samo programy komputerowe MS Word lub LibreOffice mają wbudowane style, które pozwalają oznaczyć tekst określonym poziomem nagłówka.

Jeśli masz problem ze znalezieniem odpowiednich funkcji to napisz do mnie.

Przykładowa struktura artykułu

• Nagłówek 1 Sposoby wyszukiwania błędów i badania dostępności cyfrowej
  • Nagłówek 2 Kto może wykonać badania i testy
  • Nagłówek 2 Testy automatyczne
    • Nagłówek 3 Zalety testów automatycznych
    • Nagłówek 3 Wady testów automatycznych
    • Nagłówek 3 Narzędzia do przeprowadzania testów automatycznych
      • Nagłówek 4 Aplikacja nr 1
      • Nagłówek 4 Aplikacja nr 2
  • Nagłówek 2 Badanie eksperckie
    • Nagłówek 3 Zalety badania eksperckiego
    • Nagłówek 3 Wady badania eksperckiego
  • Nagłówek 2 Podsumowanie

• Powiązane kryteria WCAG z hierarchią nagłówków
  • Kryterium sukcesu 1.3.1  Informacje i relacje (Poziom A)
  • Kryterium sukcesu 2.4.1  Możliwość pominięcia bloków (Poziom A)
  • Kryterium sukcesu 2.4.6  Nagłówki i etykiety (Poziom AA)
  • Kryterium sukcesu 2.4.10  Nagłówki sekcji (Poziom AAA)