Az alt attribútum egy szöveges alternatívát biztosít, amely leírja a kép tartalmát vagy funkcióját. Szolgálja azokat a felhasználókat és eszközöket, amelyek nem tudják látni a képet.
html
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
Az alt attribútum egy szöveges alternatívát biztosít, amely leírja a kép tartalmát vagy funkcióját. Szolgálja azokat a felhasználókat és eszközöket, amelyek nem tudják látni a képet.
<img src="chart.png" alt="Sales grew 40% from Q1 to Q2" />
alt szöveget, így a vak felhasználó tudja, mit közöl a kép. Nélküle csak a fájlnevet vagy egyszerűen csak az "image" szót hallják — haszontalan.alt szöveget mutatja a törtött-kép ikon helyett.alt segítségével értelmezik és indexelik a képeket (kép 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="" />
Az alt="" (üres, de jelen van) fontos: azt mondja a képernyőolvasóknak, hogy "ez dekoratív, hagyja figyelmen kívül." Az alt teljes elhagyása más — akkor az olvasó a fájlnevet jelentheti be.
Az alt a képek legfontosabb hozzáférhetőségi attribútuma, és jogi követelmény az akadálymentesítési szabványok (WCAG) szerint.
Megteremti a tartalmat a nem látó felhasználók számára, tartalékot biztosít a képek meghibásodása esetén, és segít az SEO-ban — írja le, mit jelent a kép a kontextusban, és használjon alt="" tisztán dekoratív képekhez.