Gute Alternativtexte schreiben
Gute Alternativtexte für Bilder sind ein ziemlich einfaches Mittel, um Barrieren abzubauen — und eine ideale Aufgabe für Redakteur:innen. Bleiben zwei Fragen: Was schreibe ich sinnvollerweise als Alt-Text? Und muss ich wirklich jedes Bild beschreiben?
Sieben Regeln für sinnvolle Alt-Texte
- Beschreibe das Bild: Was zeigt das Bild? Beispiel: „Ein roter Apfel auf einem Holztisch". Bitte nicht „Ihr Tischler für individuelle Möbel in Kiel".
- Kurz und prägnant: Meist reichen 1, maximal 2 Sätze (max. ca. 125 Zeichen).
- Kontextbezogen: Der Text sollte den Bildinhalt im Kontext der Seite beschreiben. Beispiel: Wenn das Bild Teil eines Rezeptes ist, dann „Geschnittener Apfel für Apfelkuchen".
- Keine Redundanz: Wenn der Inhalt schon im umgebenden Text vorkommt, genügt ein
alt="". - Keine „Bild von …" oder „Foto von …": Diese Info ist überflüssig — der Screenreader kündigt das Bild ohnehin an.
- Funktionale Bilder: Bei verlinkten oder interaktiven Bildern sollte der Alt-Text die Funktion beschreiben. Beispiel: „Zur Startseite".
- Dekorative Bilder: Wenn das Bild rein dekorativ ist, verwende ein leeres Alt-Attribut (
alt="").
Am besten weist du in Redaktions-Schulungen direkt darauf hin, damit alle neuen Bilder von Anfang an mit dem richtigen Alt-Text ausgestattet werden.
Und was ist mit bestehenden Projekten?
Je größer das Projekt, desto unübersichtlicher wird es, Bilder mit fehlenden Alternativtexten zu finden. Es sei denn, die Website läuft unter Contao 5.3 oder höher: Mit dem Alt-Text-Editor von Lukas Bableck kannst du dir die Bilder mit fehlenden Texten auflisten lassen und die Alt-Texte nachtragen:
Alternativ (z. B. bei Contao-4.13-Projekten) kannst du einen Crawler wie den Onpage-Check von Sistrix (oder den kostenlosen Smart-Check) nutzen, der dann gleich noch andere Probleme aufschlüsselt — etwa Fehler in der Überschriftenhierarchie. Für einen schnellen Check im Browser eignet sich auch die Silktide Toolbar.