WCAG 3.2.3 Spójna nawigacja

Kryterium sukcesu 3.2.3 pomaga osobom, które poruszają się po serwisie z pamięci i przyzwyczajenia: użytkownikom czytników ekranu, którzy słuchają menu po kolei, osobom korzystającym z powiększenia ekranu, które widzą tylko część strony, oraz osobom z niepełnosprawnościami poznawczymi. Jeśli „Koszyk” jest trzecim linkiem na jednej stronie, a szóstym na innej, za każdym razem muszą szukać go od nowa. To poziom AA; w normie EN 301 549 kryterium to występuje jako punkt 9.3.2.3. Na EN 301 549 opiera się też polska ustawa o zapewnianiu spełniania wymagań dostępności niektórych produktów i usług przez podmioty gospodarcze.

Czego wymaga kryterium

Mechanizmy nawigacyjne powtarzane na wielu stronach w obrębie zestawu stron internetowych muszą za każdym razem występować w tej samej względnej kolejności, chyba że zmianę zainicjuje użytkownik.

• Zestaw stron internetowych to zbiór stron o wspólnym celu, utworzony przez tego samego autora lub tę samą organizację — zazwyczaj jeden sklep. Różne wersje językowe liczą się jako różne zestawy.
• „Ta sama względna kolejność” pozwala dodawać lub usuwać pozycje. Rozwijane podmenu albo dodatkowy link na niektórych stronach nie stanowią problemu, o ile pozostałe pozycje zachowują swoją kolejność.
• Jedynym wyjątkiem jest zmiana zainicjowana przez użytkownika, na przykład wybrana przez niego spersonalizowana kolejność menu.

Typowe błędy w sklepie internetowym

• nagłówek strony głównej korzysta z innego szablonu niż strony kategorii i produktów, a linki są w innej kolejności;
• proces zamówienia ma uproszczony nagłówek, w którym pozostałe linki są przestawione;
• ikony konta, wyszukiwania i koszyka zamieniają się miejscami na stronach bloga lub landing page'ach zbudowanych w kreatorze stron;
• kolejność linków w stopce różni się między stronami sklepu a stronami obsługiwanymi przez aplikację;
• kolejność menu mobilnego różni się między stronami przy tej samej szerokości ekranu.

Jak to sprawdzić

Automatycznie: nasz skaner nie ma reguły dla tego kryterium. Wymaga ono porównania nawigacji między stronami, a to jest kontrola ręczna.

Ręcznie: należy wybrać pięć lub sześć typów stron — główną, kategorii, produktu, koszyk, proces zamówienia, blog, stronę z treścią. Na każdej zapisać kolejność menu głównego, ikon w nagłówku, okruszków (breadcrumbs) i linków w stopce albo przejść po nich klawiszem Tab. Następnie porównać listy. Warto zrobić to przy szerokości komputera i ponownie przy szerokości telefonu, ponieważ każdy układ porównuje się z samym sobą.

Jak to naprawić

• Budować nagłówek i stopkę z jednego wspólnego komponentu lub sekcji motywu zamiast kopiować je do szablonów.
• Gdy strona potrzebuje mniej pozycji (jak w procesie zamówienia), usuwać pozycje, ale nie przestawiać pozostałych.
• Utrzymywać ikony w nagłówku (wyszukiwanie, konto, koszyk) w jednej stałej kolejności w kodzie, a nie tylko wizualnie.
• Przed publikacją porównywać landing page'e z kreatora stron z głównym motywem.

Powiązane kryteria

• 3.2.4 Spójna identyfikacja — te same funkcje są nazywane tak samo.
• 3.2.6 Spójna pomoc — linki do pomocy pozostają w tej samej kolejności.
• 2.4.1 Możliwość pominięcia bloków — sposób na pominięcie powtarzanej nawigacji.

Najczęstsze pytania

Czy menu musi wyglądać identycznie na każdej stronie?

Nie. Powtarzane pozycje muszą zachować tę samą względną kolejność. Można dodawać lub usuwać pozycje, na przykład rozwinąć podmenu na stronie kategorii, o ile pozostałe pozycje zachowują tę samą kolejność.

Czy wersje językowe serwisu liczą się jako jeden zestaw stron?

Nie. WCAG traktuje różne wersje językowe jako różne zestawy stron internetowych, więc menu angielskie i niemieckie porównuje się osobno.

Czy automatyczne narzędzie może sprawdzić spójną nawigację?

Nie w sposób wiarygodny. Wymaga to porównania nawigacji na wielu stronach, dlatego sprawdza się ją ręcznie.