Definiție
O iconiță accesibilă este o reprezentare grafică (pictogramă, simbol sau imagine) care poate fi înțeleasă și utilizată de toate persoanele, inclusiv de cele cu dizabilități vizuale, cognitive sau motorii. Pentru a fi considerată accesibilă, o iconiță trebuie să fie însoțită de un text alternativ clar (atribut alt sau aria-label), să aibă un contrast bun față de fundal și să poată fi interpretată și fără culoare.
Rolul iconițelor în designul accesibil este dublu: pe de o parte, ajută la navigarea intuitivă și rapidă în interfață, iar pe de altă parte pot înlocui sau completa textul în cazul utilizatorilor care au dificultăți de citire sau învățare.
Exemple concrete
- O iconiță de „căutare” însoțită de atributul aria-label=”Caută”.
- Un coș de cumpărături care are asociată descrierea „Vezi produsele din coș”.
- Un buton de „Setări” marcat cu o rotiță, care include și text vizibil sau text ascuns pentru cititoarele de ecran.
Bune practici
- Toate iconițele funcționale trebuie să aibă o descriere textuală (vizibilă sau ascunsă).
- Contrastul între iconiță și fundal trebuie să respecte standardele WCAG (minim 3:1 pentru forme grafice informative).
- Iconițele care sunt doar decorative pot avea atributul
aria-hidden="true"pentru a nu distrage utilizatorii de cititoare de ecran. - Nu folosi iconițe ambigue sau fără sens clar dacă nu sunt însoțite de explicație.
Mulți utilizatori nu pot interpreta rapid simbolurile grafice, în special dacă acestea nu sunt universale. Asigurarea accesibilității iconițelor înseamnă nu doar respectarea standardelor tehnice, ci și crearea unui mediu digital mai prietenos și mai intuitiv pentru toți.
