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-currentjest 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.