Was ist alt-Attribut?

Kurz-Fakten

• Bei img zwingend erforderlich, auch wenn der Wert leer bleibt
• alt="" bedeutet „dekorativ, bitte überspringen" – das ist etwas anderes als ein fehlendes alt
• Der Text ersetzt das Bild, er beschreibt es nicht von außen: „Diagramm: Umsatz verdoppelt sich 2025", nicht „Bild eines Diagramms"
• Dateiname oder Stichwortliste als Alternativtext gilt als Fehler, nicht als Optimierung
• Das title-Attribut ist kein Ersatz: es wird von Screenreadern uneinheitlich behandelt

Einordnung für die Praxis

Die häufigste Verwechslung betrifft leer gegen fehlend. Fehlt das Attribut, liest ein Screenreader im Zweifel den Dateinamen vor – „I M G unterstrich vier sieben zwei Punkt J P G". Steht alt="" da, wird das Bild stillschweigend übersprungen. Für Trennlinien, Verzierungen und Hintergrundgrafiken ist genau das richtig.

Die zweite Stolperstelle ist die Länge. Ein Alternativtext soll die Funktion des Bildes im Text ersetzen, nicht das Bild inventarisieren. Bei einem Verweisbild beschreibt er das Ziel, nicht das Motiv: Steckt das Bild in einem Link zur Preisliste, lautet der Alternativtext „Zur Preisliste" – nicht „Taschenrechner auf Schreibtisch".

Verwandte Begriffe

• Barrierefreiheit Barrierefreiheit bedeutet, dass eine Website auch mit Screenreader, Tastatur,…
• ARIA ARIA ist ein Satz von Attributen, mit denen sich Rolle, Zustand und Eigenschaften eines…
• title-Attribut Das title-Attribut hinterlegt einen erläuternden Text, den Browser als Sprechblase…
• Semantisches HTML Semantisches HTML bedeutet, für jeden Inhalt das Element zu wählen, das seine Rolle…