Zasada 2: Funkcjonalność 2.4 Możliwość nawigacji

2.4.6 Nagłówki i etykiety

WCAG 2.4.6 Headings and Labels

W skrócie

Nagłówki i etykiety pól opisują temat lub cel tego, czego dotyczą.

Poziom: AA Standard, którego wymaga prawo – usuwa najczęstsze bariery.
Czy to obowiązkowe?: Wymagane prawem
Kto w zespole odpowiada: Redakcja treści, Projektowanie UX/UI
Jak to wykryć: Tylko test ręczny

Wyjaśnienie prostym językiem: Nagłówki

Komu i dlaczego to pomaga

Dobre nagłówki pozwalają szybko zorientować się w treści i skakać do właściwej sekcji – to podstawowy sposób nawigacji czytnikiem ekranu.

Osoby niewidome
Osoby z trudnościami poznawczymi
Osoby słabowidzące

Jak zrobić to dobrze

Pisz nagłówki jak tytuły w gazecie: konkretnie, z najważniejszym słowem na początku.

Najczęstsze błędy

Nagłówki typu „Informacje”, „Inne”, „Sekcja 2”.
Etykiety pól „Pole 1”, „Dane”.

Jak to sprawdzić

Przejrzyj listę nagłówków strony (np. HeadingsMap) – czy z samych nagłówków rozumiesz, co jest na stronie?

Tylko test ręczny. Automat tego nie sprawdzi – potrzebny jest test ręczny lub audyt ekspercki.

Czy to obowiązkowe?

Wymagane prawem

Kryterium poziomu AA z WCAG 2.1 – obowiązkowe dla podmiotów publicznych (ustawa z 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych) oraz dla firm objętych European Accessibility Act (ustawa o zapewnianiu spełniania wymagań dostępności przez niektóre produkty i usługi). Brak zgodności trzeba wykazać w deklaracji dostępności.

Powiązane kryteria

1.3.1

Informacje i relacje

A Wymagane prawem

Struktura, którą widać na ekranie (nagłówki, listy, tabele, pola formularza z etykietami, grupy), musi być też zapisana w kodzie – tak, żeby czytnik ekranu mógł ją odczytać.

2.4.10

Nagłówki sekcji

AAA

Treść jest podzielona na sekcje oznaczone nagłówkami.

3.3.2

Etykiety lub instrukcje