WCAG 2.1 – Kryterium 3.2.3 – Spójna nawigacja (Poziom AA)

W kolejnym poście Akademii WCAG skupiamy się na kryterium WCAG 3.2.3 Spójna nawigacja (poziom AA).

Co określa WCAG 3.2.3 spójna nawigacja?

Sensem tego kryterium jest to, aby powtarzalne elementy nawigacji umieszczać na podstronach danego serwisu w tej samej kolejności, chyba że pozwalamy Użytkownikowi ją zmienić. Czy oznacza to, że menu nawigacyjne nie może się rozwijać lub że nie możemy dodawać do niego elementów w zależności od podstrony, na której użytkownik się znajduje? Absolutnie nie. Należy pamiętać, że elementy stałe powinny być w niezmiennej kolejności.

Zilustrujmy to na przykładzie. Wyobraźcie sobie sklep internetowy, który sprzedaje naczynia do gotowania i dodatkowe gadżety niezbędne w każdej kuchni. Załóżmy, że główne menu na stronie ma następujące elementy: „Strona główna”, „Do gotowania”, „Zastawa”, „Sztućce i gadżety”, „Profil”, „Kontakt” oraz wyszukiwarkę na samym końcu menu. Jeśli na którejś z podstron nagle zaginie nam któraś z kategorii bądź zamienimy ją miejscem – kryterium to już będzie złamane. Badźmy spójni, skoro przyzwyczailiśmy naszego Użytkownika do danego menu na stronie głównej.

Tak samo powtarzalnie powinna zachowywać się paginacja, czy inne elementy widoczne wielokrotnie.

Kto najbardziej skorzysta na spełnieniu kryterium 3.2.3?

Przede wszystkim osoby słabowidzące, które mocno powiększają ekran. Umieszczenie elementów strony w powtarzalnych, stałych miejscach ułatwia im poszukiwanie pożądanych informacji. Również osoby z niepełnosprawnościami poznawczymi, intelektualnymi lub osoby neuroróżnorodne, na przykład z dysleksją, docenią stałość rozmieszczenia wizualnego pomoże w szybszym odnalezieniu szukanych treści, a także Użytkownikom obsługującym strony za pomocą czytnika ekranu.

Jakie elementy powinniśmy uwzględnić?

Oto kilka przykładów:

• Linki „Przeskocz do (…)” powinny być zawsze w stałych miejscach, na przykład jako pierwsze na stronie lub jako pierwsze w głównej treści strony.
• Stałe elementy strony, na przykład wyszukiwarka, powinny znajdować się w tym samym miejscu.
• Menu nawigacyjne, stopka czy ścieżka okruszków – powinny być zaimplementowane spójnie, na każdej stronie powinny znajdować się w tym samym miejscu i składać się z tych samych elementów.

Podsumowanie WCAG 3.2.3 spójna nawigacja

Pamiętajmy, sensem kryterium 3.2.3 jest przewidywalność, nie identyczność. Powiedzmy sobie szczerze, każdemu z nas jest łatwiej, gdy stałe elementy serwisu są w stałych miejscach na każdej podstronie, bo wtedy szybciej daje się odnaleźć treści.