3.2.4 Spójna identyfikacja - poziom AA

Komponenty, które mają tę samą funkcjonalność w obrębie zestawu stron internetowych, są identyfikowane w sposób spójny.

O co chodzi w kryterium 3.2.4 Spójna identyfikacja?

Jeśli w serwisie masz kilka miejsc, gdzie użytkownik wykonuje tę samą akcję (np. wyszukaj, pobierz, kontakt, zamknij, dalej), to te elementy powinny być nazywane i oznaczane konsekwentnie. 

Ważny jest również wygląd np. przycisków, jeśli coś wygląda jak element klikalny powinno nim być, czyli jeśli w serwisie używasz przycisków to pilnuj, żeby wszystkie wyglądały w miarę podobnie (np. ten sam kształt, mogą różnić się kolorem) i działały tak samo, to jest po kliknięciu coś się stanie.

Najczęstsze powody niespełnienia kryterium 3.2.4

1. Ta sama funkcja ma różne etykiety w różnych miejscach serwisu (np. raz „Szukaj”, raz „Wyszukaj”, raz „Znajdź”), przez co użytkownik traci pewność, czy to ta sama akcja.
2. Te same ikonki znaczą co innego w różnych miejscach (np. ta sama ikona „x” raz zamyka okno, a raz usuwa element), więc identyfikacja jest niespójna.
3. Różne elementy wyglądają i nazywają się podobnie, ale robią różne rzeczy (np. kilka przycisków „Dalej”, które prowadzą do innych efektów), co miesza użytkownikowi w głowie i zwiększa liczbę błędów.

Jak sprawdzić kryterium sukcesu 3.2.4?

Wypisz 5–10 powtarzalnych funkcji w serwisie (np. wyszukaj, kontakt, pobierz, zamknij, następna strona, filtruj).

Potem przejdź przez kilka podstron i sprawdź:

• czy ta sama funkcja jest podpisana tak samo,
• czy ta sama ikona oznacza to samo,
• czy podobne nazwy nie kryją różnych działań.

Jeśli użytkownik musi się domyślać „co autor miał na myśli” w zależności od podstrony, spójna identyfikacja nie jest zachowana.

Rekomendacje jak spełnić 3.2.4 z WCAG

Ustal słownik stałych etykiet dla najważniejszych funkcji w serwisie i trzymaj się go konsekwentnie: jeśli przycisk do wyszukiwania ma napis „Szukaj”, to nie zmieniaj go w innych miejscach na „Wyszukaj”.

Dopilnuj spójności ikon: jeśli ikona jest używana jako skrót do konkretnej funkcji, to w całym serwisie ma oznaczać to samo. Jeśli w jednym miejscu musi znaczyć coś innego, użyj innej ikony, żeby identyfikacja nie była myląca.

Sprawdź też elementy w formularzach i procesach wieloetapowych: przyciski typu „Dalej”, „Wstecz”, „Zapisz”, „Wyślij” powinny mieć stałe znaczenie i nazewnictwo w całym procesie, a nie zmieniać się zależnie od strony.

Pełny tekst kryterium 3.2.4 Spójna identyfikacja

Komponenty, które mają tę samą funkcjonalność w ramach jednego zestawu stron internetowych, są w taki sam sposób zidentyfikowane.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#spojna-identyfikacja

Chcesz wiedzieć więcej?

• 3.1.1 Język strony - poziom A
• 3.1.2 Język części - poziom AA
• 3.1.3 Nietypowe słowa - poziom AAA
• 3.1.4 Skróty - poziom AAA
• 3.1.5 Poziom umiejętności czytania - poziom AAA
• 3.1.6 Wymowa - poziom AAA
• 3.2.1 Po otrzymaniu fokusu - poziom A
• 3.2.2 Po wprowadzeniu danych - poziom A
• 3.2.3 Spójna nawigacja - poziom AA
• 3.2.4 Spójna identyfikacja - poziom AA
• 3.2.5 Zmiana na żądanie - poziom AAA
• 3.3.1 Identyfikacja błędu - poziom A
• 3.3.2 Etykiety lub instrukcje - poziom A
• 3.3.3 Sugestia korekty błędu - poziom AA
• 3.3.4 Zapobieganie błędom (prawnym, finansowym, w danych) - poziom AA