"Ce nume de fișier ați dori ca un cititor de ecran să citească cu voce tare în ureche de 40 de ori pe zi?" Este o întrebare ușor absurdă, dar este exact ceea ce se întâmplă atunci când o imagine semnificativă rămâne cu alt="image1.jpg" sau, mai rău, fără alt text. Acest articol este un ghid practic pentru scrierea unui text alternativ care chiar ajută - nu doar prezent, ci și bun.

Pe scurt, ce acoperă acest ghid

  1. De ce textul alternativ rău este aproape la fel de rău ca textul alternativ lipsă
  2. Cum se scrie un text alternativ bun
  3. Când să lăsați textul alternativ gol intenționat
  4. Ce să faci cu diagrame și diagrame complexe

De ce textul alternativ rău este aproape la fel de rău ca textul alternativ lipsă

În conformitate cu WCAG 1.1.1, tot conținutul non-text trebuie să aibă o alternativă text – dar cerința formală este doar jumătate din poveste. „image1.jpg”, „image” sau „logo” îndeplinesc din punct de vedere tehnic cerințele (există un atribut alt), dar nu transmit informații reale. Un utilizator de cititor de ecran care aude un șir de „imagine... imagine... image23.png” nu este mai puțin frustrat decât un utilizator văzător care se uită la o serie de cadre goale.

Cum se scrie un text alternativ bun

Regula ghid: descrieți mesajul imaginii în contextul în care apare, nu o descriere literală a ceea ce vedeți. O fotografie cu oameni în jurul unei mese într-o întâlnire de echipă, care însoțește un articol despre colaborare, ar putea primi „Echipă care lucrează împreună în jurul unei mese” – nu „Fotografie cu oameni”. Pentru o diagramă sau un grafic, descrieți concluzia pe care o prezintă graficul: „Diagrama cu bare care arată o creștere cu 40% a vânzărilor în al treilea trimestru” este semnificativ mai bună decât „Diagrama cu bare”.

Diagrama ilustrativă Text alternativ eficient vs. ineficient Comparație între text alternativ generic și text alternativ precis, descriptiv Text alternativ: nu doar „Prezentă” – De asemenea, „Bine” ❌ Nu este suficient Alt: „imagine1.jpg” Un nume de fișier nu înseamnă nimic pentru un utilizator se bazează pe un cititor de ecran ✅ Precis și intenționat Alt: „Grafic cu bare: 40% creșterea vânzărilor în T3" Descrie conținutul și mesajul — nu doar „există o imagine” Imagine pur decorativă? Golire Alt „” este mai bine Regula de aur: ce două sau trei cuvinte ai spune cuiva la telefon pentru a descrie imaginea?
Regula de aur: ce două sau trei cuvinte i-ai spune cuiva la telefon pentru a descrie imaginea, dacă nu ar putea să o vadă el însuși?

Când să lăsați textul alternativ gol intenționat

Nu orice imagine are nevoie de o descriere. Imaginile pur decorative - linii de despărțire grafice, ilustrații de fundal, pictograme care doar repetă textul din apropiere - sunt cel mai bine etichetate cualt=""(text alternativ gol, nu lipsește), așa că cititorul de ecran le omite complet. Diferența dintre „lipsă” și „gol intenționat” este critică: lipsa sună ca o eroare sau citește numele fișierului; gol intenționat pur și simplu sare peste el în tăcere.

💡 Sfat practic

Un test rapid: dacă ați șterge complet imaginea de pe pagină, unui utilizator care nu o poate vedea i-ar lipsi ceva? Dacă nu - este probabil decorativ și potrivit pentru un alt gol.

Ce să faci cu diagramele și diagramele complexe

Pentru o diagramă de date complexă, un tabel de comparație ilustrat sau un infografic cu mai multe straturi de informații, textul alternativ scurt nu este suficient - există prea multe informații de transmis. Soluția: text alternativ scurt care descrie subiectul general, alături de acesta (în textul obișnuit din jurul imaginii, nu numai în atributul alt) o descriere mai detaliată a datelor importante sau un tabel de date echivalent pe care un cititor de ecran poate naviga.

Nu sunteți sigur ce text alternativ lipsește sau este problematic pe site-ul dvs.?

Instrumentul nostru găsește imagini fără text alternativ în fiecare document de pe site-ul dvs. și le semnalează în funcție de prioritate.

Fă-ți documentele accesibile gratuit ←