Definiție
Etichetarea corectă presupune ca toate elementele interactive sau informative de pe un site (cum ar fi butoanele, câmpurile de formular, imaginile sau linkurile) să aibă etichete descriptive și clare, vizibile pentru toți utilizatorii – inclusiv pentru cei care folosesc tehnologii asistive, cum ar fi cititoarele de ecran.
Etichetele sunt esențiale pentru a oferi context și semnificație. Dacă lipsește o etichetă sau aceasta este vagă (de exemplu, un buton care spune doar „Click aici”), utilizatorii cu dizabilități vizuale sau cognitive pot avea dificultăți majore în a înțelege scopul acelui element.
Exemple concrete
- Un câmp de formular etichetat ca „Prenume” este mult mai clar decât unul fără nicio etichetă sau cu text generic („Introdu date”).
- Un buton care are ca etichetă „Trimite formularul” este mai accesibil decât unul care afișează doar o pictogramă de avion fără descriere.
- O imagine decorativă trebuie etichetată corespunzător cu
alt="", iar o imagine informativă cualt="Hartă cu locația clinicii"(pentru a oferi sens).
Bune practici
- Asigură-te că fiecare câmp, buton sau imagine are o etichetă asociată (etichetă vizuală sau atribut
aria-label/alt). - Evită ambiguitățile – etichetele trebuie să fie specifice și directe, nu generaliste.
- Menține consistența termenilor folosiți în etichete pe tot parcursul platformei.
- Testează etichetele cu cititoare de ecran pentru a verifica dacă sunt transmise corect.
O etichetare corectă face diferența între un site intuitiv și unul confuz. Este una dintre cele mai simple, dar esențiale măsuri pentru ca fiecare utilizator să poată naviga cu încredere și eficiență.
