Przejdź do treści

O czym mówi nam kryterium WCAG 3.2.4 Spójna identyfikacja?

O elementach interaktywnych, w tym linkach, przyciskach i ikonach, które wykorzystujemy na naszej witrynie. Elementy, które pełnią tę samą funkcję na stronie, posiadały zawsze tę samą etykietę, zachowywały się w ten sam sposób, a przede wszystkim, by ich identyfikacja wizualna była spójna.

Przykłady?

  1. Aplikacja pocztowa i przycisk, którego funkcją jest tworzenie nowej wiadomości. Gdziekolwiek na stronie się pojawia, powinien pełnić tę samą funkcję. Jeśli będzie posiadał zawszę tę samą etykietę, na przykład „Utwórz wiadomość”, to kryterium 3.2.4 zostanie spełnione.
  2. Ikona w tej samej aplikacji – obrazek spinacza. Jeśli jesteśmy w formularzu wiadomości i ikona znajduje się na przycisku, możemy dodać załącznik. A gdy pojawia się przy wiadomości przychodzącej, pozwala nam coś z załącznikiem zrobić, na przykład pobrać plik na dysk. Oba przyciski dla czytników ekranu mogą, a nawet powinny mieć inną etykietę. W przypadku pierwszego dobrą opcją byłoby „Załącz plik” a w drugim „Zapisz załącznik”. Pełnią one inną funkcję, więc kryterium to będzie spełnione
  3. Innym przykładem będzie ikona koszyka na stronie sklepu internetowego. Złamiemy kryterium 3.2.4, gdy na stronie jednego produktu nazwiemy ją „Dodaj do koszyka”, a na innej „Wrzuć do koszyka”. Prawidłowo będzie, gdy na podstronach ikony dla czytnika ekranu będą nazywać się „Dodaj do koszyka skarpetki męskie rozmiar XL” oraz „Dodaj do koszyka skarpetki damskie rozmiar M”. Kontekst zostaje tu zachowany, co jest ważne dla osób korzystających z czytnika ekranu. Ważne jest, by etykieta przycisku zaczynała się zawsze od tej samej frazy, dzięki czemu osoba posługująca się sterowaniem głosowym też sobie z nią poradzi.

Pamiętajmy, kryterium WCAG 3.2.4 Spójna identyfikacja jest bardzo ważne dla osób korzystających z czytnika ekranu, ale także dla użytkowników sterujących głosem swoim urządzeniem. Warto więc zadbać o to, aby nazwy etykiet były proste, spójne i przede wszystkim zgodne ze sobą.

Korzyści wypływające z wdrożenia WCAG 3.2.4 Spójna identyfikacja

  • Użytkownicy szybciej zrozumieją zastosowane na różnych podstronach mechanizmy, jeśli ich wygląd, etykiety oraz sposób działania będą ze sobą spójne.
  • Jeśli zastosowana dla czytnika ekranu etykieta będzie spójna, użytkownicy posługujący się czytnikami ekranu będą mogli szybko ją wyszukać na każdej podstronie serwisu.
  • Zespół developerski skorzysta na tym, że dany komponent będzie nazywał się, wyglądał i zachowywał tak samo, co zaoszczędzi im czas.