2.5.3 Popisek v názvu

Součást 2.5 Způsoby zadávání

U komponent s popisky obsahujícími text nebo obrázek textu obsahuje přístupný název vizuální text.

Pouze manuální testování

Toto kritérium z WCAG 2.1 nelze automaticky testovat. Vyžaduje porovnání vizuálního popisku s přístupným názvem.

Co kontrolujeme:

  • Přístupný název (aria-label, aria-labelledby) obsahuje vizuální text popisku
  • Vizuální popisek je na začátku přístupného názvu
  • Uživatelé hlasového ovládání mohou aktivovat prvek vyslovením viditelného textu

Oficiální znění

Pro komponenty uživatelského rozhraní s popisky obsahujícími text nebo obrázky textu obsahuje přístupný název vizuálně zobrazený text.

Co to znamená v praxi

Pokud tlačítko vizuálně zobrazuje "Odeslat", jeho přístupný název musí obsahovat "Odeslat" (ne jen "Submit" nebo jinou variantu).

Proč:

  • Uživatelé hlasového ovládání říkají to, co vidí
  • "Klikni na Odeslat" musí fungovat

Řešení:

Aria-label musí obsahovat viditelný text.

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 2.5.3 Label in Name

 

2.5.1 Gesta kurzorem

Veškerá funkcionalita využívající vícebodová nebo dráhová gesta lze ovládat jediným bodem bez dráhy.
 

2.5.2 Zrušení akce kurzorem

Pro funkcionalitu ovládanou jediným ukazovátkem platí, že akce se provede při uvolnění a lze ji zrušit.
 

2.5.3 Popisek v názvu

U komponent s popisky obsahujícími text nebo obrázek textu obsahuje přístupný název vizuální text.
 

2.5.4 Aktivace pohybem

Funkcionalitu ovládanou pohybem zařízení lze ovládat i komponentami uživatelského rozhraní a lze ji zakázat.
 

2.5.5 Velikost cíle (vylepšený)

Velikost cíle pro vstup ukazovátkem je alespoň 44 × 44 CSS pixelů.
 

2.5.6 Souběžné vstupní mechanismy

Webový obsah neomezuje použití vstupních modalit dostupných na platformě.
 

2.5.7 Pohyby tažení

Veškerou funkcionalitu využívající tažení lze dosáhnout jediným ukazovátkem bez tažení.
 

2.5.8 Velikost cíle (minimum)

Velikost cíle pro vstup ukazovátkem je alespoň 24 × 24 CSS pixelů.