Úvod › Znalostní báze › Kritérium WCAG

Popisky formulářů podle WCAG

Každé pole formuláře musí mít programově přiřazený popisek, aby uživatelé čteček obrazovky věděli, co zadat, a aby kliknutí na popisek přeneslo fokus do pole.

Správná cesta

<label for="email">E-mail</label><input id="email"> — nebo pole uzavřete do <label>. aria-label / aria-labelledby jen tehdy, když viditelný popisek není možný.

Proč placeholder nestačí

Placeholder při psaní zmizí, má často příliš nízký kontrast a některé čtečky obrazovky ho nerozpoznají jako popisek.

Chybové zprávy

Propojte chybu s polem (aria-describedby) a formulujte text konkrétně („Zadejte platný e-mail“, ne „Chyba“).

Jak a11yglass pomáhá

Bezplatné skenování kontroluje doručené HTML a CSS na automaticky rozpoznatelná porušení WCAG a u každého zjištění uvádí kritérium úspěšnosti a konkrétní opatření. Najde zhruba 20–35 % problémů a nenahrazuje úplnou kontrolu.

Číst dál

• Alternativní texty podle WCAG 1.1.1
• Ovládání klávesnicí podle WCAG 2.1.1
• Viditelný fokus podle WCAG 2.4.7

Obecná informace podle nejlepšího vědomí, nikoli právní poradenství. Pro konkrétní případ se obraťte na advokátní kancelář specializovanou na IT právo.