Definiție
O imagine descriptivă este o imagine care transmite informații esențiale pentru înțelegerea conținutului unei pagini web. Spre deosebire de imaginile decorative (folosite doar pentru estetică), imaginile descriptive trebuie să fie însoțite de o descriere alternativă clară și completă, astfel încât și utilizatorii care nu le pot vedea (de exemplu, cei care folosesc cititoare de ecran) să înțeleagă conținutul transmis.
Descrierea poate fi inclusă în atributul alt, iar dacă imaginea are un conținut mai complex (cum ar fi un grafic sau o diagramă), este recomandat ca detaliile să fie oferite într-un text adiacent sau folosind aria-describedby.
Exemple concrete
- O fotografie a unei rampe de acces într-un articol despre clădiri prietenoase cu persoanele cu dizabilități, însoțită de descrierea „Rampă largă, cu mână curentă dublă, la intrarea unei biblioteci moderne”.
- Un infografic care prezintă procentul site-urilor conforme cu WCAG, descris textual într-un paragraf de dedesubt.
- O imagine cu un simbol de avertizare care conține în
altmesajul „Pericol de alunecare – podea udă”.
Bune practici
- Descrierea trebuie să comunice ceea ce este esențial în context, nu doar ce apare fizic în imagine („Un om ținând un laptop” poate deveni „Un programator lucrând într-un spațiu de coworking” dacă aceasta este informația relevantă).
- Evită redundanțele precum „Imagine cu…” sau „Poză care arată…” în
alt, dacă deja contextul o sugerează. - Pentru conținut complex (cum ar fi hărți, grafice, diagrame), descrierea trebuie să fie detaliată și oferită în textul din jurul imaginii sau prin link spre o pagină cu explicații.
Imaginile pot fi esențiale pentru învățare vizuală, dar accesul echitabil la ele înseamnă să oferim și alternative textuale bine gândite. O imagine bine descrisă poate transforma complet experiența unui utilizator cu dizabilități vizuale și îi poate oferi aceeași valoare informațională ca și unui utilizator fără limitări.
