Alt-Text (Alternativtext)
Ein Alt-Text ist ein beschreibender Text, der einem Bild in HTML zugeordnet wird. Er wird von Screenreadern vorgelesen und angezeigt, wenn ein Bild nicht geladen werden kann.
Alt-Texte sind ein Grundpfeiler der Web-Barrierefreiheit: Ohne sie können blinde und sehbehinderte Nutzer Bildinhalte nicht erfassen. Gleichzeitig nutzen Suchmaschinen Alt-Texte, um Bildinhalte zu verstehen — ein Faktor für die Bildersuche und das allgemeine Ranking.
Gute Alt-Texte schreiben
- Beschreibend — Was zeigt das Bild? (nicht „Bild" oder „Foto von")
- Knapp — 80–125 Zeichen sind ideal
- Kontextbezogen — Was ist im Kontext der Seite relevant?
- Dekorative Bilder — Leerer Alt-Text (
alt=""), nicht weglassen
Was prüft exatics?
exatics prüft im Barrierefreiheits-Modul, ob alle Bilder einen Alt-Text haben. Fehlende Alt-Texte sind einer der häufigsten Barrierefreiheitsmängel — nach WCAG 2.2 ein Verstoß gegen Erfolgskriterium 1.1.1.