Co mówi norma
W komponentach interfejsu użytkownika z etykietami zawierającymi tekst lub obraz tekstu nazwa zawiera tekst, który jest prezentowany wizualnie.
Dlaczego to ma znaczenie
Osoby sterujące głosem mówią to, co widzą. Jeśli na przycisku jest „Wyślij”, a jego dostępna nazwa to „Prześlij formularz”, powiedzenie „kliknij Wyślij” nic nie da.
Jak wygląda błąd
- błądPrzycisk z napisem „Szukaj” i `aria-label="Prześlij"`.
- błąd`aria-label`, które zastępuje widoczny tekst zamiast go rozszerzać.
Jak to naprawić
- róbZacznij dostępną nazwę od widocznego tekstu: `aria-label="Szukaj produktów"` na przycisku z napisem „Szukaj”.
- róbJeszcze lepiej: w ogóle nie nadpisuj widocznej etykiety.
Jak sprawdza to A11ySignal
Przy każdym skanowaniu względem tego kryterium uruchamia się 1 automatyczne sprawdzenie.
poważnylabel-content-name-mismatchElementy muszą mieć swój widoczny tekst jako część ich dostępnej nazwy.