Standardy · WCAG 2.2

SC 2.4.8 Poziom AAA WCAG 2.0

Lokalizacja

Użytkownicy muszą wiedzieć, gdzie znajdują się w ramach zbioru stron — zazwyczaj za pomocą okruszków nawigacyjnych, wskaźnika bieżącej strony w menu lub mapy serwisu podświetlającej aktywną sekcję.

Czego wymaga kryterium

Gdy serwis liczy więcej niż kilka stron, użytkownicy — w szczególności osoby z niepełnosprawnościami poznawczymi lub użytkownicy czytników ekranu pobieżnie przeglądający treść — potrzebują sygnału „jesteś tutaj”. Tytuł strony dostarcza jedną wskazówkę; kryterium wymaga więcej: ścieżki okruszków nawigacyjnych pokazującej hierarchię, oznaczenia bieżącej strony w głównym menu lub mapy serwisu podświetlającej aktywną sekcję.

Jest to poziom AAA, czyli cel aspiracyjny dla większości zespołów — opłaca się jednak szczególnie w serwisach dokumentacyjnych, katalogach e-commerce i architekturach informacji głębszych niż dwa poziomy.

Jak spełnić kryterium

  • Należy dodać ścieżkę okruszków nawigacyjnych powyżej głównego nagłówka na każdej stronie innej niż najwyższy poziom: Strona główna › Zestaw narzędzi › Standardy › WCAG 2.2.
  • Łącze do bieżącej strony w nawigacji należy oznaczać atrybutem aria-current="page" i wyróżniać wizualnie (pogrubienie, kolor akcentu, podkreślenie).
  • W długich formularzach i procesach wieloetapowych należy wyświetlać wskaźnik kroku: „Krok 2 z 5: Wysyłka”.
  • Ścieżka okruszków powinna być elementem <nav aria-label="Okruszki nawigacyjne"> zawierającym listę uporządkowaną, przy czym ostatni element nie jest łączem.
  • W rozbudowanych serwisach dokumentacyjnych warto odzwierciedlić architekturę informacji w bocznym panelu z drzewem nawigacji, rozwiniętym do gałęzi bieżącej strony.

Typowe błędy

  • Okruszki nawigacyjne pokazują tylko sekcję najwyższego poziomu, a nie pełną ścieżkę.
  • Łącza do bieżącej strony w nawigacji wyglądają identycznie jak łącza nieaktywne — atrybut aria-current jest ustawiony, ale brak wyróżnienia wizualnego.
  • Wskaźniki kroków w formularzach wieloetapowych pokazują jedynie „Krok 2” bez podania łącznej liczby kroków, przez co użytkownicy nie wiedzą, ile jeszcze pozostało.
  • Okruszki nawigacyjne linkują bieżącą stronę do niej samej — drobne, ale powodujące pewne zamieszanie.
  • Jedyne wskazanie lokalizacji to łącze „Strona główna”, bez żadnych innych wskazówek lokalizacyjnych w drzewie dokumentacji głębokości 5 poziomów.

Dlaczego to ważne

Obciążenie poznawcze to cichy podatek na dostępność. Użytkownicy z ADHD, dysleksją, różnicami w pamięci roboczej lub osoby korzystające ze strony w języku obcym polegają na trwałych wskazówkach lokalizacyjnych, by zachować orientację. Bez nich każde kliknięcie w łącze jest skokiem w nieznane. Okruszki nawigacyjne i atrybut aria-current prawie nic nie kosztują we wdrożeniu, a podnoszą komfort korzystania ze strony dla wszystkich — dlatego wiele zespołów wdraża kryterium 2.4.8 dobrowolnie, mimo że zobowiązują się wyłącznie do poziomu AA.