Instrument gratuit: Accesibilitate

Verificare text alternativ imagini

Introduceți adresa unei pagini pentru a lista fiecare imagine de pe ea cu textul ei alternativ, citit într-un browser real după rularea scripturilor. Vedeți care imagini nu au text alternativ, care sunt marcate ca decorative și care au un text alternativ ce nu descrie nimic.

Gratuit. Verifică adresa introdusă în aproximativ 20 de secunde.

Ce verifică acest instrument

  • Imagini fără text alternativ

    Fiecare element img și fiecare buton-imagine fără atribut alt și fără alt nume accesibil, cum ar fi aria-label.

  • Imagini care lasă un link fără nume

    Logouri și pictograme din linkuri sau butoane care nu au nici text alternativ, nici alt text, așa că un cititor de ecran poate anunța doar „link”.

  • Text alternativ care arată ca un nume de fișier

    Valori precum IMG_2041.jpg, DSC0042 sau un șir lung de cifre, pe care multe sisteme le completează automat la încărcare.

  • Cuvinte generice

    Un text alternativ care este doar „imagine”, „fotografie”, „logo” sau „banner” nu spune nimănui ce arată imaginea.

  • Text redundant și repetat

    Descrieri care încep cu „imagine cu”, repetă textul linkului de alături sau sunt refolosite pe trei sau mai multe imagini diferite.

  • Imagini decorative și ascunse

    Imaginile marcate cu alt="" sau role="presentation", precum și cele ascunse cu aria-hidden sau prin CSS, sunt listate separat, ca să puteți confirma că fiecare este cu adevărat decorativă.

  • O previzualizare a fiecărei imagini

    O miniatură lângă textul alternativ, ca să puteți evalua fiecare descriere în câteva secunde. Filtrele arată doar problemele sau doar ce trebuie verificat.

Ce nu poate verifica

  • Să spună dacă textul alternativ este corect. Doar o persoană care vede imaginea și știe de ce se află pe pagină poate judeca acest lucru.
  • Să verifice imaginile setate ca fundaluri CSS sau alternativele text pentru graficele SVG și canvas. Instrumentul listează elementele img și butoanele-imagine.
  • Să verifice imaginile din cadre (frames), cum ar fi videoclipurile, hărțile și reclamele încorporate.
  • Să listeze mai mult de 150 de imagini. Pe paginile foarte lungi le arată pe primele 150 și indică numărul total.
  • Să testeze alte pagini. Scanarea gratuită completă verifică textul alternativ împreună cu restul WCAG pe până la cinci pagini-cheie.

De ce contează

Textul alternativ este ceea ce citește un cititor de ecran în locul unei imagini și ceea ce afișează browserul când o imagine nu se încarcă. Criteriul de succes 1.1.1 din WCAG 2.2, de nivel A, cere un text alternativ pentru fiecare imagine care transmite informații și unul gol pentru imaginile care nu transmit.

Textul alternativ lipsă este a doua cea mai frecventă eroare de accesibilitate de pe web: analiza WebAIM din 2026 l-a găsit pe 53,1% din primul milion de pagini principale, iar 16,2% dintre toate imaginile verificate nu aveau deloc.

Îl citesc și motoarele de căutare. Google spune că folosește textul alternativ, împreună cu viziunea computerizată și conținutul paginii, pentru a înțelege imaginile și că textul alternativ al unei imagini dintr-un link funcționează ca textul ancoră al linkului.

Cum să citiți rezultatele

Fără text alternativ
Imaginea nu are atribut alt și nici alt nume. În funcție de program, un cititor de ecran poate citi numele fișierului sau poate sări peste imagine.
Decorativă
alt="" sau role="presentation": cititoarele de ecran omit imaginea. Corect pentru o decorație; greșit pentru o imagine care transmite informații sau care este singurul conținut al unui link.
Are text alternativ
Imaginea are o descriere. Le semnalăm pe cele care par greșite; pentru celelalte, o persoană trebuie totuși să verifice că sunt corecte.
Nume din ARIA sau title
Fără atribut alt, dar cu un nume din aria-label, aria-labelledby sau title. Trece testele automate; alt rămâne totuși alegerea mai sigură.
Ascunsă
Neafișată sau ascunsă de tehnologiile asistive cu aria-hidden. Nimic de remediat, cu excepția cazului în care imaginea ar trebui să fie vizibilă.
Link fără nume
Un link sau un buton al cărui singur conținut este o imagine fără text alternativ. Este o eroare chiar dacă imaginea în sine este decorativă.
De confirmat
Text alternativ care arată ca un nume de fișier sau ca un cuvânt generic, începe cu „imagine cu”, repetă textul linkului, este foarte lung sau este refolosit pe mai multe imagini.

Cum remediați cele mai frecvente probleme

  • Fotografii de produs și de conținut

    Descrieți ce ar pierde cineva fără imagine, în contextul paginii. Pentru un produs: articolul, culoarea lui și unghiul prezentat. Pentru fotografia unui articol: ce arată ea și nu spune textul.

  • Logouri care duc la pagina principală

    O imagine dintr-un link ar trebui să spună unde duce linkul. Pentru un logo care duce la pagina principală, folosiți numele companiei, de exemplu alt="Acme, pagina principală", nu „logo”.

  • Pictograme din linkuri și butoane

    Dați pictogramei un text alternativ care numește acțiunea, cum ar fi „Căutare” sau „Coș”, ori dați linkului un aria-label și marcați pictograma ca decorativă cu alt="".

  • Imagini decorative

    Folosiți alt="" (o valoare goală, nu un atribut lipsă) pentru separatoare, ornamente de fundal și imagini care repetă un text aflat chiar lângă ele.

  • Nume de fișiere completate de platformă

    Multe platforme copiază numele fișierului în câmpul alt la încărcare. Modificați-l acolo unde este gestionată imaginea: în Shopify, la conținutul media al produsului; în WordPress, în câmpul Text alternativ din Biblioteca media.

  • Grafice și infografice

    Dați un text alternativ scurt care spune ce arată graficul și puneți datele sau un rezumat în text sau într-un tabel alăturat.

Imagini fără text alternativ: cum se remediază pe Shopify, WooCommerce și orice site

Întrebări despre acest instrument

Ce este textul alternativ?

Atributul alt al unei imagini conține alternativa ei text. Cititoarele de ecran îl citesc cu voce tare, iar browserele îl afișează când imaginea nu poate fi afișată.

Fiecare imagine trebuie să aibă text alternativ?

Fiecare element img trebuie să aibă un atribut alt. Pentru o imagine care transmite informații, el descrie imaginea; pentru o imagine decorativă, trebuie să fie gol (alt=""), astfel încât cititoarele de ecran să o omită.

Cât de lung trebuie să fie textul alternativ?

WCAG nu stabilește nicio limită. Un text alternativ bun este de obicei o expresie sau o propoziție scurtă. Dacă o imagine are nevoie de mai mult, descrieți-o în textul paginii sau într-o legendă și păstrați scurt textul alternativ. Semnalăm textele alternative de peste 150 de caractere pentru o a doua verificare.

Ajută textul alternativ la SEO?

Google spune că folosește textul alternativ, împreună cu viziunea computerizată și conținutul paginii, pentru a înțelege imaginile și că textul alternativ al unei imagini dintr-un link funcționează ca un text ancoră. Avertizează și că încărcarea atributelor alt cu cuvinte-cheie poate fi tratată ca spam.

Atributul title este același lucru cu alt?

Nu. title apare ca tooltip la trecerea cursorului, nu este anunțat în mod sigur de cititoarele de ecran și nu este disponibil pe ecranele tactile. Testele automate îl acceptă ca nume când alt lipsește, dar alt rămâne alegerea sigură.

Poate AI să scrie textul alternativ?

Poate propune descrieri, dar nu știe de ce se află imaginea pe pagina dumneavoastră. Revizuiți fiecare propunere: textul alternativ potrivit depinde de un context pe care doar dumneavoastră îl cunoașteți.

Surse

Instrumente similare

Raport de remediere a accesibilității ($174, plată unică) pornește de la scanarea gratuită completă și adaugă mai multe pagini, modificarea de făcut pentru fiecare constatare, un PDF și retestări pentru verificarea remedierilor.

Raport de remediere a accesibilității: detalii