Greșeli frecvente
Cele mai frecvente probleme de accesibilitate din WebAIM Million 2026: contrast scăzut, imagini fără text alternativ, câmpuri fără etichetă, linkuri și butoane goale, limbă lipsă.
Ghid practic
Texte alternative pentru imagini
Ce text alternativ primește fiecare tip de imagine și cum scrii descrieri cu adevărat utile.
Textul alternativ (atributul alt) este descrierea pe care cititoarele de ecran o citesc în locul imaginii. Lipsa lui apare pe mai mult de jumătate dintre paginile principale analizate în raportul WebAIM Million 2026. Dar la fel de problematic este un text alternativ greșit.
Tipuri de imagini
| Tip | Exemplu | Text alternativ |
|---|---|---|
| Informativă | Fotografia unui produs | Descrie informația relevantă |
| Funcțională | Pictogramă de căutare într-un buton | Descrie acțiunea: „Caută” |
| Decorativă | Ornament, fundal | Gol: alt="", ca să fie ignorată |
| Cu text | Banner cu o ofertă | Reproduce textul din imagine |
| Complexă | Grafic, schemă, hartă | Rezumat scurt plus descriere detaliată alăturată |
| Logo într-un link | Logo care duce la pagina principală | Numele organizației sau „Pagina principală” |
Cum scrii un text alternativ bun
- Concentrează-te pe informația pe care imaginea o transmite în context
- Fii concis: de regulă, o propoziție scurtă
- Nu începe cu „Imagine cu” sau „Poză cu”; cititorul de ecran anunță deja că este o imagine
- Nu repeta textul din legenda sau din paragraful alăturat
- Nu folosi numele fișierului
Exemple
Slab
alt="IMG_2024.jpg"
alt="imagine"
alt="Imagine cu o femeie care zâmbește la un laptop" pe pagina unui produs bancar
Bun
alt="Rucsac de drumeție albastru, 30 de litri, cu buzunare laterale"
alt="Descarcă factura în format PDF" pentru o pictogramă într-un link
alt="" pentru o fotografie pur decorativă
Grafice și infografice
Pentru imaginile complexe, un text alternativ scurt nu este suficient. Oferă un rezumat în alt și detaliile într-un text alăturat, într-un tabel cu datele sau într-o descriere extinsă legată de imagine.
Text în imagini
Criteriul 1.4.5 cere folosirea textului real în locul imaginilor cu text, cu excepția logourilor și a situațiilor în care forma textului este esențială. Bannerele cu oferte scrise în imagine sunt o problemă frecventă în magazinele online.
Pentru editorii de conținut
Majoritatea platformelor, precum WordPress sau Shopify, au un câmp dedicat textului alternativ la încărcarea imaginii. Completarea lui trebuie să devină un reflex. Instruirea editorilor este una dintre cele mai eficiente investiții în accesibilitate.
Hai să facem site-ul tău accesibil
Spune-ne ce platformă ai și ce termene urmărești. Revenim cu o propunere clară, adaptată proiectului tău.
Cere o ofertă
sau scrie-ne direct la contact@datapulse.ro