Definiție
Textul alternativ (cunoscut și ca „alt text”) este o descriere textuală atribuită imaginilor și elementelor vizuale dintr-o pagină web, care are scopul de a transmite informația esențială a imaginii atunci când aceasta nu poate fi văzută – fie pentru că nu se încarcă, fie pentru că utilizatorul folosește un cititor de ecran, are deficiențe de vedere sau navighează pe un dispozitiv care nu suportă imagini.
Textul alternativ este implementat de obicei prin atributul alt în HTML, iar conținutul acestuia trebuie să fie clar, concis și relevant pentru contextul în care apare imaginea.
Exemple concrete
- O imagine decorativă cu un fundal abstract NU necesită text alternativ – se poate lăsa atributul
alt=""gol pentru a nu încărca inutil cititorul de ecran. - O imagine care însoțește un articol despre semnele vizibile ale accesibilității digitale conține un
alt="Pictograma unei persoane în scaun rulant, încadrată într-un cerc albastru". - Un buton grafic pentru căutare (fără text vizibil) are
alt="Caută"pentru ca utilizatorul să înțeleagă funcția sa. - Într-un tutorial cu o imagine ce arată diferența dintre un site accesibil și unul inaccesibil, textul alternativ ar putea fi:
alt="Compararea a două pagini web – una cu contrast bun și text lizibil, cealaltă cu fonturi mici și culori greu de distins".
De ce este important pentru accesibilitate?
- Permite utilizatorilor cu deficiențe de vedere să înțeleagă conținutul vizual prin intermediul cititoarelor de ecran
- Asigură context și coerență pentru toți utilizatorii, inclusiv în cazul în care imaginile nu se încarcă
- Contribuie la SEO – motoarele de căutare indexează și interpretează textul alternativ
- Este obligatoriu în multe standarde de conformitate, cum ar fi WCAG și legislația privind accesibilitatea
Bune practici
- Descrie scopul și esența imaginii, nu aspectul său vizual detaliat (ex: „Grafic cu evoluția accesărilor” în loc de „Grafic albastru cu linii verzi și roșii”)
- Evită expresii precum „imagine cu” sau „fotografie a” – sunt redundante
- Nu lăsa atributul
altlipsă – foloseștealt=""pentru imaginile decorative - Adaptează lungimea textului la context – dacă o imagine are scop complex (ex: o diagramă), oferă o descriere detaliată în apropiere și un
altscurt
Please follow and like us:
