Alt-Text

So sieht er aus

<img src="badsanierung.jpg" alt="Bodengleiche Dusche mit grauen Großformatfliesen nach einer Badsanierung">

Gute Alt-Texte schreiben

• Beschreiben, was zu sehen ist und was für den Zusammenhang wichtig ist.
• Kurz und konkret, meist ein Satz.
• Begriffe nur einbauen, wenn sie das Bild tatsächlich beschreiben.
• Nicht mit „Bild von“ beginnen. Screenreader kündigen Bilder bereits an.

Wann der Alt-Text leer bleibt

Rein dekorative Bilder ohne Informationsgehalt bekommen ein leeres Attribut alt="". So werden sie von Screenreadern übersprungen. Fehlt das Attribut ganz, liest mancher Screenreader stattdessen den Dateinamen vor.

Besonderheiten

• Logos: Der Alt-Text nennt den Firmennamen.
• Verlinkte Bilder: Der Alt-Text beschreibt das Linkziel, weil er als Linktext dient.
• Diagramme und Infografiken: Kurzer Alt-Text plus ausführliche Erklärung im Text daneben.

SEO-Nutzen

Alt-Texte helfen bei der Bildersuche und geben Suchmaschinen Kontext zur Seite. Ebenso wichtig sind ein sprechender Dateiname, ein passender Text in der Nähe des Bildes und moderne Formate wie WebP für kurze Ladezeiten. Fehlende Alt-Texte gehören außerdem zu den häufigsten Fehlern bei der Barrierefreiheit im Web.