Úvod › Znalostná báza › Kritérium WCAG

Označenie formulárov podľa WCAG

Každé pole formulára musí mať programovo priradené označenie, aby používatelia čítačiek obrazovky vedeli, čo zadať, a aby kliknutie na označenie prenieslo fokus do poľa.

Správna cesta

<label for="email">E-mail</label><input id="email"> — alebo pole uzavrite do <label>. aria-label / aria-labelledby len vtedy, keď viditeľné označenie nie je možné.

Prečo placeholder nestačí

Placeholder pri písaní zmizne, má často príliš nízky kontrast a niektoré čítačky obrazovky ho nerozpoznajú ako označenie.

Chybové hlásenia

Prepojte chybu s poľom (aria-describedby) a formulujte text konkrétne („Zadajte platný e-mail“, nie „Chyba“).

Ako a11yglass pomáha

Bezplatné skenovanie kontroluje doručené HTML a CSS na automaticky rozpoznateľné porušenia WCAG a pri každom zistení uvádza kritérium úspešnosti a konkrétne opatrenie. Nájde približne 20–35 % problémov a nenahrádza úplnú kontrolu.

Čítať ďalej

• Alternatívne texty podľa WCAG 1.1.1
• Ovládanie klávesnicou podľa WCAG 2.1.1
• Viditeľný fokus podľa WCAG 2.4.7

Všeobecná informácia podľa najlepšieho vedomia, nie právne poradenstvo. Pre konkrétny prípad sa obráťte na advokátsku kanceláriu špecializovanú na IT právo.