Tworzenie dostępnych zasobów: Nagłówki i tytuły

Właściwe użycie nagłówków i tytułów pomaga uporządkować treść i poprawia nawigację dla wszystkich użytkowników, w tym tych korzystających z technologii wspomagających. Jasne, dobrze zorganizowane nagłówki ułatwiają zrozumienie hierarchii strony i szybkie znalezienie odpowiednich informacji. W tym artykule przedstawiono najlepsze praktyki dotyczące używania nagłówków i tytułów w celu zwiększenia zarówno dostępności, jak i komfortu użytkowania.

Aby upewnić się, że Twoja witryna, strona docelowa, formularz lub wiadomość spełniają wymogi dostępności, skorzystaj z listy kontrolnej dostępnej tutaj.

Wymagania

  • Informacje, struktura i relacje przekazywane za pomocą prezentacji powinny być określone programowo lub dostępne w tekście.
    • Tekst, który działa jako nagłówek wizualnie lub strukturalnie, musi być oznaczony jako prawdziwy nagłówek (np. <h1>, <h2> itp.) w znacznikach.
    • Tekst, który nie funkcjonuje jako nagłówek wizualnie lub strukturalnie, nie może być oznaczony jako nagłówek.
  • Nagłówki muszą być dokładne i informacyjne, wyraźnie oznaczając sekcje tekstu, które opisują.
  • Tytuł strony <title> musi być przedstawiony i musi zawierać tekst.
  • Tytuł strony <title> musi być dokładny i zawierać informacje.
  • Tytuł strony <title> stron dynamicznych (np. w aplikacjach jednostronicowych) MUSI być aktualizowany, gdy zmienia się cel strony.

Czytniki ekranu umożliwiają użytkownikom nawigację za pomocą nagłówków, co czyni je skutecznym sposobem na ominięcie bloków treści, zgodnie z wymaganiami WCAG 2.4.1 Omijanie bloków. Chociaż WCAG nie wymaga ściśle nagłówków, aby spełnić wymagania 2.4.1, są one wysoce zalecane, wraz z punktami orientacyjnymi i linkami pomijania.

Przykłady

strona internetowa z wyraźnie oznaczonymi nagłówkamiTAK: Prawidłowo oznaczone nagłówki z dokładnymi i informacyjnymi etykietami
strona internetowa bez tytułu widocznego w kodzie stronyNIE: Witryna wygenerowana przy użyciu szablonów nie zawiera tytułu dla każdej strony w witrynie. Tak więc tytuł nie może być użyty do rozróżnienia stron.