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.
- Tekst, który działa jako nagłówek wizualnie lub strukturalnie, musi być oznaczony jako prawdziwy nagłówek (np.
- 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
![]() | TAK: Prawidłowo oznaczone nagłówki z dokładnymi i informacyjnymi etykietami |
![]() | NIE: 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. |