Atributul alt oferă o alternativă de text care descrie conținutul sau funcția unei imagini. Acesta servește utilizatorii și instrumentele care nu pot vedea imaginea.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Atributul alt oferă o alternativă de text care descrie conținutul sau funcția unei imagini. Acesta servește utilizatorii și instrumentele care nu pot vedea imaginea.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt cu voce tare, deci un utilizator orb știe ce transmite imaginea. Fără ea, aud doar numele fișierului sau pur și simplu "imagine" — inutil.alt în loc de o pictogramă de imagine ruptă.alt pentru a înțelege și indexa imagini (SEO imagini).<!-- ✅ describe the MEANING, not "image of..." -->
<img src="dog.jpg" alt="A golden retriever catching a frisbee" />
<!-- ✅ for functional images, describe the ACTION -->
<a href="/home"><img src="logo.png" alt="Acme home" /></a>
<!-- ✅ DECORATIVE images get an EMPTY alt so screen readers skip them -->
<img src="divider.png" alt="" />
alt="" (gol, dar prezent) este important: spune cititorului de ecran "aceasta este decorativă, ignoră-o". Omiterea alt în întregime este diferită — atunci cititorul poate anunța numele fișierului.
alt este cel mai important atribut de accesibilitate pentru imagini și o cerință legală conform standardelor de accesibilitate (WCAG).
Face conținutul perceput de utilizatorii care nu văd, furnizează o rezervă atunci când imaginile se defectează și ajută la SEO — descrie ce înseamnă imaginea în context, și folosește alt="" pentru imagini pur decorative.