Acasă › Bază de cunoștințe › Criteriu WCAG

Etichetarea formularelor conform WCAG

Fiecare câmp de formular trebuie să aibă o etichetă asociată programatic, pentru ca utilizatorii de cititoare de ecran să știe ce trebuie introdus și pentru ca un clic pe etichetă să focalizeze câmpul.

Calea corectă

<label for="email">E-mail</label><input id="email"> — sau include câmpul în <label>. aria-label / aria-labelledby doar când o etichetă vizibilă nu este posibilă.

De ce un placeholder nu este suficient

Placeholderul dispare la introducere, are adesea un contrast prea mic și nu este recunoscut ca etichetă de unele cititoare de ecran.

Mesaje de eroare

Leagă eroarea de câmp (aria-describedby) și formulează textul concret („Introdu un e-mail valid”, nu „Eroare”).

Cum ajută a11yglass

Scanarea gratuită verifică HTML-ul și CSS-ul livrat pentru încălcări WCAG identificabile automat și menționează pentru fiecare constatare criteriul de succes și o măsură concretă. Găsește aproximativ 20–35 % dintre probleme și nu înlocuiește o evaluare completă.

Citește mai departe

• Texte alternative conform WCAG 1.1.1
• Operarea de la tastatură conform WCAG 2.1.1
• Focalizare vizibilă conform WCAG 2.4.7

Informație generală după cunoștințele existente, nu consultanță juridică. Pentru cazul concret, apelează la un cabinet de avocatură specializat în dreptul IT.