2.5.3 Etykieta w nazwie - poziom A

Jeżeli komponent interfejsu użytkownika ma etykietę widoczną na ekranie, to jego nazwa programowa ma zawierać tę etykietę. Dzięki temu osoba korzystająca z rozpoznawania mowy może powiedzieć dokładnie to, co widzi, a technologia wspomagająca trafi w ten sam element.

O co chodzi w kryterium 2.5.3 Etykieta w nazwie?

Użytkownik widzi na przycisku napis „Szukaj”, a czytnik/technologia rozpoznająca element powinna „widzieć” w nazwie właśnie „Szukaj”, a nie np. „Lupa”, „Przycisk 1” albo „Wyszukaj w serwisie”. To szczególnie ważne przy sterowaniu głosem: użytkownik mówi „kliknij Szukaj” i oczekuje, że to zadziała.

Jeśli na ekranie jest tekst etykiety, a w nazwie programowej jest coś innego, pojawia się rozjazd: użytkownik widzi jedno, a system ma nazwany element inaczej. To jest dokładnie sytuacja, której 2.5.3 ma zapobiegać.

Najczęstsze powody niespełnienia kryterium sukcesu 2.5.3

1. Widoczna etykieta i nazwa programowa nie są zgodne: na ekranie „Zapisz”, a w nazwie „Wyślij formularz” albo samo „Button”.
2. W przyciskach z ikoną i tekstem nazwa programowa bierze się z ikony lub atrybutu, a nie zawiera widocznej etykiety (np. przycisk ma tekst „Pobierz”, ale nazwa jest „Download”).
3. Widoczny tekst jest skracany lub zmieniany w nazwie programowej (np. na ekranie „Zarejestruj się”, a w nazwie „Rejestracja”), przez co sterowanie głosem bywa niepewne.

Rekomendacje jak spełnić kryterium 2.5.3

Ta sama nazwa na ekranie i w systemie

Trzymaj zasadę: to, co użytkownik widzi jako etykietę, powinno wystąpić w nazwie programowej. Ponadto:

• Jeśli na przycisku jest tekst, najbezpieczniej, gdy nazwa programowa wynika właśnie z tego tekstu . Jeśli dodajesz dodatkowe doprecyzowanie, niech ono będzie dodatkiem, ale niech nie usuwa widocznej etykiety.
• Jeśli przycisk jest ikoną z tekstem, dopilnuj, żeby nazwa nie była oparta tylko na ikonie. Widoczna etykieta ma być częścią nazwy.
• Jeśli musisz użyć innego sformułowania technicznie, dopilnuj, żeby widoczne słowo nadal było w nazwie (np. „Szukaj – wyszukiwarka serwisu”, a nie samo „Wyszukiwarka serwisu”).

Pełny tekst kryterium 2.5.3 Etykieta w nazwie

W przypadku komponentów interfejsu użytkownika z etykietami zawierającymi tekst lub obrazy tekstu, nazwa zawiera tekst, który jest prezentowany wizualnie.

Źródło: https://www.w3.org/Translations/WCAG21-pl/#etykieta-w-nazwie

Chcesz wiedzieć więcej?