Wróć do bloga

Audyt WCAG – Kryterium 3.2.4 – Spójna identyfikacja: Przewodnik dla osób bez znajomości programowania

Udostępnij artykuł

WhatsApp LinkedIn

Kryterium 3.2.4 – Spójna identyfikacja (Poziom AA) wymaga, by elementy interfejsu o tej samej funkcji były identyfikowane w taki sam sposób na całej stronie internetowej. To oznacza, że np. ten sam przycisk czy pole formularza powinny mieć zawsze tę samą nazwę i wygląd, jeśli robią to samo.

Dzięki temu użytkownicy mogą łatwiej rozpoznawać i używać funkcji bez potrzeby uczenia się ich od nowa na każdej podstronie.


Co oznacza „spójna identyfikacja”?

To sytuacja, gdy:

  • Te same funkcje (np. „Zaloguj się”, „Dodaj do koszyka”, „Wyszukaj”) mają tę samą nazwę, etykietę lub ikonę na każdej stronie,

  • Elementy formularza (np. pola „E-mail”, „Hasło”) są zawsze tak samo opisane,

  • Użytkownik nie musi się zastanawiać, czy dwa różnie nazwane przyciski robią to samo.


Jak sprawdzić zgodność z kryterium 3.2.4 bez wiedzy technicznej?

1. Porównaj etykiety przy tych samych funkcjach

Co zrobić?

  • Otwórz kilka podstron i przyjrzyj się powtarzającym się funkcjom – np. przyciskom logowania, wyszukiwarki, koszyka, formularzom kontaktowym.

Na co zwrócić uwagę?

  • Czy funkcje są nazywane tak samo w każdym miejscu?

  • Czy te same pola formularzy mają te same opisy i układ?

Przykład błędu:
Na stronie głównej przycisk do logowania nazywa się „Zaloguj się”, a na podstronie konta: „Wejdź”. Oba robią to samo, ale są inaczej nazwane.


2. Zwróć uwagę na ikony i wygląd

Co zrobić?

  • Sprawdź, czy te same ikony oznaczają te same funkcje.

Na co zwrócić uwagę?

  • Czy np. ikona koszyka zawsze oznacza koszyk?

  • Czy przyciski o tych samych funkcjach wyglądają podobnie?

Przykład błędu:
Na jednej stronie koszyk to ikona torby, a na innej symbol „+” bez podpisu. Użytkownik może nie wiedzieć, że chodzi o to samo.


Dlaczego to ważne?

  • Użytkownicy czytników ekranu polegają na nazwach przycisków i etykiet – niespójność może ich wprowadzać w błąd.

  • Osoby z trudnościami poznawczymi szybciej zapamiętują funkcje, jeśli zawsze wyglądają i nazywają się tak samo.

  • Spójność oznacza mniej frustracji i błędów przy nawigacji i wypełnianiu formularzy.


Dobre praktyki

  • Stosuj jednolity system nazewnictwa przycisków i etykiet.

  • Korzystaj z szablonów formularzy, by uniknąć przypadkowych zmian w opisach.

  • Zachowuj spójność ikon i ich podpisów.

  • Wprowadzając nową funkcję, upewnij się, że nie dubluje istniejącej z inną nazwą.


Podsumowanie

Kryterium 3.2.4 – Spójna identyfikacja ułatwia użytkownikom poruszanie się po stronie i korzystanie z jej funkcji. To szczególnie ważne dla osób korzystających z technologii wspomagających oraz zmagających się z problemami poznawczymi.

Nie musisz znać kodu – wystarczy sprawdzić, czy ta sama rzecz na stronie nazywa się i wygląda zawsze tak samo.