Kryterium 2.4.6 – Nagłówki i etykiety (Poziom AA) ma na celu zapewnienie, że wszystkie nagłówki i etykiety formularzy jasno informują, czego dotyczą. To ważne szczególnie dla osób korzystających z technologii asystujących, ale też dla każdego, kto chce szybko zrozumieć strukturę strony.
W tym artykule pokażemy, jak sprawdzić zgodność z tym kryterium — bez potrzeby znajomości kodu czy narzędzi programistycznych.
Co oznaczają „nagłówki i etykiety”?
-
Nagłówki to tytuły sekcji i podsekcji, np. „Kontakt”, „Nasze usługi”, „O firmie”.
-
Etykiety to opisy pól formularzy, np. „Imię”, „Adres e-mail”, „Wiadomość”.
Aby treść była dostępna, nagłówki i etykiety muszą być:
-
Opisowe (czytelne i jednoznaczne),
-
Zrozumiałe (nawet bez kontekstu wizualnego),
-
Zgodne z zawartością (np. nagłówek „O nas” powinien dotyczyć firmy, nie produktów).
Jak sprawdzić zgodność z kryterium 2.4.6 bez wiedzy technicznej?
1. Przegląd nagłówków na stronie
Co zrobić?
Przeskanuj wzrokiem stronę główną i podstrony. Sprawdź, czy nagłówki jasno pokazują, co zawiera dana sekcja.
Na co zwrócić uwagę?
-
Czy nagłówki opisują zawartość pod nimi?
-
Czy nie są zbyt ogólne, np. „Sekcja 1” zamiast „Usługi transportowe”?
-
Czy struktura strony jest logiczna i łatwa do „zeskanowania”?
Przykład błędu:
Strona zawiera nagłówki typu „Moduł 1” i „Moduł 2”, ale nie wiadomo, co się pod nimi kryje.
2. Sprawdzenie formularzy i etykiet pól
Co zrobić?
Otwórz formularz kontaktowy, zapisu na newsletter lub zamówienia.
Na co zwrócić uwagę?
-
Czy każde pole ma jasną etykietę opisującą, co należy wpisać?
-
Czy nie ma „pustych” pól bez opisu lub tylko z ikoną?
-
Czy etykieta nie znika po kliknięciu w pole (np. jako placeholder)?
Przykład błędu:
Formularz zawiera pole tekstowe bez etykiety. Pojawia się tylko szare słowo „Wpisz”, które znika po kliknięciu – użytkownik zapomina, czego dotyczyło pole.
Dlaczego to ważne?
-
Osoby niewidome i korzystające z czytników ekranu opierają się na nagłówkach i etykietach, aby zrozumieć stronę.
-
Osoby z dysleksją lub trudnościami poznawczymi lepiej poruszają się po stronie, gdy jej struktura jest logiczna.
-
Jasne nagłówki pomagają wszystkim użytkownikom szybciej znaleźć potrzebne informacje.
Podsumowanie
Kryterium 2.4.6 – Nagłówki i etykiety pomaga tworzyć strony bardziej czytelne, przejrzyste i dostępne dla każdego. Jasne opisy ułatwiają zrozumienie treści, zwiększają komfort korzystania i wspierają nawigację – zarówno wizualną, jak i za pomocą technologii wspomagających.
Dobre praktyki:
-
Stosuj nagłówki, które naprawdę opisują zawartość sekcji.
-
Unikaj ogólnych tytułów typu „Sekcja” czy „Moduł”.
-
Upewnij się, że każde pole formularza ma widoczną, stałą etykietę.
Dzięki takim zmianom Twoja strona stanie się bardziej przyjazna — nie tylko dla osób z niepełnosprawnościami, ale dla wszystkich użytkowników.