This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Přístupnost
Proč musí být viditelný popisek obsažen v uloženém názvu?
Viditelný popisek ovládacího prvku musí být obsažen v jeho uloženém, strojově čitelném názvu, protože uživatelé hlasového ovládání vyslovují to, co vidí: kdo řekne „klikni na Odeslat“, dosáhne na tlačítko jen tehdy, pokud jeho uložený název obsahuje slovo „Odeslat“. Pokud se neviditelný název liší, hlasový příkaz nenajde cíl. Kritérium WCAG 2.5.3 „Popisek v názvu“ přesně tomuto rozejití brání.
Viditelný text a uložený název se mohou rozejít
Každý ovládací prvek nese vedle viditelného textu strojově čitelný název, který používají čtecí programy a hlasové ovládání. Obvykle jsou oba shodné. Rozejdou se, když vývojáři název ve zdrojovém kódu záměrně přepíší — často v dobré víře, aby čtecím programům dodali více souvislostí. Příklad: tlačítko zobrazuje „Vyžádat nabídku“, uložený název zní „Otevřít kontaktní formulář“. Uživatel hlasového ovládání řekne „klikni na Vyžádat nabídku“ — a nic se nestane, protože prvek s tímto názvem pro software neexistuje. Pravidlo je jednoduché: uložený název smí doplňovat, ale musí obsahovat viditelný text, nejlépe na prvním místě.
Jak kontrolní služba prověřuje popisek v názvu
Měření vyhledá všechny odkazy a tlačítka, jejichž název byl ve zdrojovém kódu přepsán, a porovná viditelný text s uloženým názvem. Pokud viditelný text v názvu úplně chybí, kritérium se považuje za porušené — zpráva pojmenuje prvek i oba texty. Hraniční případy měření řeší opatrně: pokud jsou první slova popisku v názvu obsažena a odlišuje se jen další text, zpráva zaznamená případ k ruční kontrole místo porušení. Velmi krátké viditelné texty, které fungují jako symbol — třeba „X“ pro zavření —, jsou podle kritéria vyloučeny a nepočítají se jako chyba.
Příklady
Vložený název bez viditelného štítku
<button aria-label="Absenden">Anfrage schicken</button><button>Anfrage schicken</button>
<!-- oder: aria-label="Anfrage schicken an den Vertrieb" -->Hlasová kontrola říká: "Pošlete žádost o kliknutí." Přístupný název musí obsahovat viditelný text, nejlépe na začátku.
- Požádejte svou agenturu, aby vypsala všechny přepsané názvy ve zdrojovém kódu a porovnala je s viditelnými popisky.
- Umístěte viditelný text na začátek uloženého názvu; doplnění následuje za ním.
- Vyhněte se přepsaným názvům tam, kde viditelný text už vše říká — žádný název je lepší než odlišný.
- Namátkově otestujte pomocí hlasového ovládání svého telefonu: vyslovte viditelný text tlačítka a ověřte, zda zareaguje.
