Definiție
O etichetă accesibilă este un text descriptiv asociat unui element interactiv (precum un buton, câmp de formular sau link), care permite identificarea și înțelegerea clară a funcției acelui element de către orice utilizator, inclusiv de către cei care folosesc cititoare de ecran sau alte dispozitive de asistare.
Spre deosebire de etichetele vizibile (ex: un text deasupra unui câmp), etichetele accesibile pot fi fie vizibile, fie invizibile pentru utilizatorul obișnuit, dar interpretate de tehnologiile de asistare. Scopul lor este să comunice semnificația și scopul unui element într-un mod clar, logic și complet.
Exemple concrete
- Un câmp de căutare cu o etichetă clară: „Caută produse” în loc de „Căutare”.
- Un buton cu iconiță (ex: o lupă) care are o etichetă ascunsă pentru cititoarele de ecran: „Deschide căutarea”.
- Un formular cu câmpuri care folosesc atributul
aria-labelsaulabel for, pentru a lega textul descriptiv de câmpul propriu-zis. - Etichete suplimentare pentru starea câmpului: „Nume – câmp obligatoriu”, „Adresă de email – format invalid”.
Bune practici
- Fiecare element interactiv (buton, link, câmp) trebuie să aibă o etichetă clară și unică.
- Evită etichetele ambigue sau generice, cum ar fi „Click aici” sau „Trimite”.
- Folosește HTML semantic (ex:
<label>,aria-label,aria-labelledby) pentru a asigura compatibilitatea cu cititoarele de ecran. - Verifică etichetele și prin testare cu tehnologii de asistare (NVDA, JAWS, VoiceOver etc.) pentru a te asigura că sunt interpretate corect.
O etichetă accesibilă nu este doar un detaliu tehnic, ci un instrument esențial pentru incluziune digitală. Fără ea, un buton sau un câmp pot deveni complet inutilizabile pentru o persoană cu deficiențe de vedere sau mobilitate.
