Cel kryterium – czyli o co chodzi?
Kryterium 3.2.4 (poziom AA) koncentruje się na zapewnieniu użytkownikom spójnych oznaczeń elementów interaktywnych. Oznacza to, że przyciski, linki i ikony pełniące tę samą funkcję powinny mieć jednolite nazewnictwo, wygląd oraz zachowanie. Dzięki temu użytkownicy – zwłaszcza osoby korzystające z czytników ekranu lub sterowania głosowego – łatwiej odnajdą potrzebne opcje na stronie.
Dlaczego to jest istotne?
Spójne nazewnictwo i wygląd elementów interaktywnych pomagają użytkownikom w szybkim rozpoznawaniu funkcji i unikaniu nieporozumień. Jeśli przycisk „Dodaj do koszyka” raz ma taką nazwę, a w innym miejscu zmienia się na „Wrzuć do koszyka”, użytkownik może się zastanawiać, czy oba pełnią tę samą funkcję.
Kto skorzysta na tym rozwiązaniu?
To kryterium poprawia doświadczenie użytkowników w wielu aspektach:
- **Osoby korzystające z czytników ekranu** – ujednolicone nazwy ułatwiają wyszukiwanie funkcji i poprawiają nawigację.
- **Użytkownicy sterowania głosowego** – jeśli nazwy elementów są niespójne, mogą nie zostać prawidłowo rozpoznane przez asystentów głosowych.
- **Osoby z trudnościami poznawczymi** – spójne oznaczenia pomagają w szybkim odnalezieniu znanych funkcji.
- **Zespół deweloperski** – ujednolicone nazewnictwo ułatwia pracę nad komponentami i skraca czas tworzenia oraz testowania systemu.
Jak spełnić kryterium WCAG 3.2.4?
Aby zapewnić użytkownikom przewidywalność i spójność w interfejsie, warto trzymać się kilku zasad:
- Jednolite nazwy przycisków i linków
Jeśli przycisk służy do tej samej funkcji, powinien mieć zawsze tę samą nazwę. Na przykład „Zapisz” nie powinno raz zmieniać się w „Zachowaj” lub „Zachowaj zmiany”.
- Konsekwentne etykiety dla czytników ekranu
Ikona spinacza w aplikacji e-mailowej może oznaczać zarówno „Dodaj załącznik”, jak i „Pobierz załącznik”. Aby uniknąć nieporozumień, etykieta powinna jednoznacznie określać funkcję: np. „Dodaj plik” lub „Pobierz załącznik”.
- Stały wygląd ikon i symboli
Ikony pełniące tę samą funkcję powinny wyglądać tak samo na każdej podstronie. Jeśli w jednym miejscu koszyk zakupowy symbolizuje dodawanie produktów, nie należy zmieniać tej ikony na inny symbol na kolejnych stronach.
- Spójne zachowanie elementów interaktywnych
Jeśli użytkownik klika w ikonę „Profil”, to zawsze powinien przechodzić do tej samej sekcji, a nie raz do ustawień, a innym razem do podglądu konta.
Czy są wyjątki?
Kryterium nie oznacza, że każdy element interfejsu musi wyglądać identycznie w każdym miejscu – chodzi o przewidywalność. Można wprowadzać warianty, jeśli:
- **Zmiana etykiety wynika z kontekstu** – np. przycisk „Dodaj” w jednym miejscu może dotyczyć dodania nowego wpisu, a w innym – nowego kontaktu.
- **Dostosowujemy interfejs do różnych urządzeń** – wersja mobilna może mieć uproszczone nazwy lub ikony, ale ich funkcja powinna być jednoznaczna.
Przykłady zastosowania w praktyce
- System rezerwacji – przycisk „Zarezerwuj termin” w całej aplikacji ma tę samą nazwę i zawsze prowadzi do tego samego formularza.
- Sklep internetowy – ikona koszyka na każdej podstronie wygląda tak samo i ma stałą nazwę „Dodaj do koszyka”.
- Panel użytkownika – link „Moje konto” zawsze prowadzi do tej samej sekcji ustawień, niezależnie od tego, z której podstrony użytkownik do niego przechodzi.
Czy wiesz, że?
Spójność identyfikacji to nie tylko kwestia dostępności, ale również wygody użytkowników. Ujednolicone nazewnictwo i wygląd elementów interaktywnych zmniejszają czas potrzebny na nauczenie się obsługi strony oraz poprawiają komfort jej użytkowania.
Przy projektowaniu interfejsów warto zadbać o to, aby każda funkcja była jednoznaczna i konsekwentnie oznaczona. Dzięki temu użytkownicy nie muszą się zastanawiać, czy dany przycisk spełni ich oczekiwania.
