Alternativtexte (Alt-Texte) beschreiben Bilder für Menschen, die sie nicht sehen können. Screenreader lesen sie vor, und Suchmaschinen nutzen sie, um Bilder zu verstehen.
Die Grundregel
Schreibe, was das Bild in diesem Zusammenhang vermittelt. Frag dich: Was würde ich jemandem am Telefon über dieses Bild sagen, damit er nichts Wichtiges verpasst?
Beispiele
- Foto im Text: „Physiotherapeutin zeigt einer Patientin eine Dehnübung für den Rücken“ statt „Bild1.jpg“.
- Bild als Link oder Button: Beschreibe das Ziel, nicht das Aussehen, etwa „Zur Startseite“ beim Logo.
- Infografik: kurze Kernaussage im Alternativtext, die Details als Text auf der Seite.
- Schmuckbild ohne Inhalt: leerer Alternativtext (
alt=""), damit Screenreader es überspringen.
Häufige Fehler
- „Bild von“ oder „Foto von“ am Anfang: Screenreader sagen ohnehin, dass es ein Bild ist.
- Aneinandergereihte Suchbegriffe statt einer Beschreibung.
- Derselbe Text für alle Bilder einer Seite.
- Text im Bild, der nirgends sonst auf der Seite steht.
Länge
Ein bis zwei kurze Sätze reichen in den meisten Fällen. Längere Erklärungen gehören in den sichtbaren Text oder eine Bildunterschrift.
Welche technischen Anforderungen eine barrierefreie Website außerdem erfüllen muss, beschreibt unser Artikel BFSG-konforme Website: technische Umsetzung.
