Conținut

Texte alternative (alt) — Ghid complet

Ghid complet pentru atributul alt: când este obligatoriu, cum se scrie corect, exemple pozitive și negative pentru diferite tipuri de imagini.

Conținut

Alt-textul — criteriul WCAG cel mai des ignorat

WCAG 1.1.1 cere text alternativ pentru orice conținut non-text care transmite informații. Este primul criteriu din WCAG și cel mai frecvent nerespectate.

✅ Alt-text bun

  • alt="Grafic: 96% din site-uri au erori de accesibilitate"
  • alt="Echipa Wawsome la conferința de web accesibilitate 2024"
  • alt="Wawsome" (logo)
  • Imagine decorativă: alt="" (gol, nu lipsă!)

❌ Alt-text greșit

  • alt="imagine" — neinformativ
  • alt="img_20240312_143500.jpg" — nume fișier
  • Atribut alt lipsă complet
  • alt="fotografie de la conferința de web accesibilitate din 2024 despre WCAG 2.1 și toate aspectele tehnice importante" — prea lung
Tip imagineAlt-text recomandat
Fotografie informativăDescrie conținutul relevant din imagine
Imagine decorativăalt="" (gol, nu lipsă)
Buton-imagineDescrie funcția, nu imaginea
Grafic/diagramăSumarizează datele transmise
LogoNumele companiei (nu "logo de")
CAPTCHADescrie scopul + oferă alternativă audio

Testează accesibilitatea site-ului tău

Scannerul Wawsome analizează automat site-ul după WCAG 2.1 și îți oferă un raport complet cu măsuri prioritare — gratuit 7 zile.

Scanează gratuit →