Attributet alt ger ett textalternativ som beskriver en bilds innehål eller funktion. Det betjänar användare och verktyg som inte kan se bilden.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Attributet alt ger ett textalternativ som beskriver en bilds innehål eller funktion. Det betjänar användare och verktyg som inte kan se bilden.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt högt, så en blind användare vet vad bilden förmedlar. Utan det hör de bara filnamnet eller bara "bild" — värdelöst.alt-texten istället för en bruten bildikon.alt för att förstå och indexera bilder (bild-SEO).<!-- ✅ 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="" (tom, men närvarande) är viktig: den säger till skärmläsaren "detta är dekorativt, ignorera det." Att utelämna alt helt är annorlunda — då kan läsaren meddela filnamnet.
alt är det enda viktigaste åtkomstattributet för bilder och ett lagkrav enligt tillgänglighetsstandarden (WCAG).
Det gör innehållet tillgängligt för icke-seende användare, ger en reserv när bilder går sönder, och hjälper SEO — beskriv vad bilden betyder i sammanhanget, och använd alt="" för rent dekorativa bilder.