«Wer frei von Schuld, der werfe den ersten Stein». Darum werde ich hier auch nicht mit Steinen um mich werfen, denn wer hat nicht schon mal einen Alt-Text ausgelassen oder schludrig getextet. Und gute Bildlegenden brauchen Zeit, sie sind genau so schwierig wie Titel. Dabei würde beides dabei helfen, die Online-Artikel für Lesende und vor allem auch Search Engines attraktiver zu machen (SEO). Es lohnt sich darum wieder mal den Blick auf Texte zu Bildern zu lenken.
Der Alternativ-Text (Alt-Text)
Ein Bild, sofern es nicht einfach nur ein Schmuckbild ist, trägt zur Informationsvermittlung des Textes bei. Es macht den Artikel lesenswerter und schärft die Botschaft. Wer das Bild nicht lesen kann, weil die Sehfähigkeit eingeschränkt ist, der oder dem entgeht folglich eine wichtige Information. Genau dafür gibt es den Alt-Text. Dieser Text wird in Screenreadern oder als Brailzeile an der Stelle vorgelesen, an der das Bild eingefügt ist. Der (kurze!) Text soll darum knackig beschreiben, was auf dem Bild zu sehen ist. Es ist ein wichtiger Bestandteil zur Barrierefreiheit eines Beitrags.
Die Bildlegende
Im Gegensatz zum Alt-Text schreibt die (gute) Bildlegende eben genau nicht, was auf dem Bild zu sehen ist, sondern schlägt die Brücke zwischen Bild und Text. Sie macht die Einordnung des Bildes in das Argument des Textes oder pointiert diesen. Selbstverständlich kann die Bildunterschrift auch auf ein spezifisches Detail des Bildes hinweisen.
Ein paar Beispiele:
Die nachfolgenden Bilder sollen die Unterschiede illustrieren. Es ist wichtig, dass es uns dabei nicht um «Fingerpointis» geht – siehe Einleitung zum Blogbeitrag. Die Thematik lässt sich an Beispielen einfach am besten aufzeigen. Übrigens zeigt das auch deutlich die Grenzen von Alternativ-Texten auf.
Do’s und Don’ts
- Do: Sich beraten lassen und informieren. Zum Beispiel bei der Stiftung «Zugang für alle»
- Do: ChatGPT und co. können sowohl für Bildlegenden wie für Alt-Texte helfen.
- Do: Sich überlegen, wie man jemandem das Bild erklären würde. Das ist ein guter Alt-Text.
- Do: Alt-Texte kurz halten (ging bei diesem Artikel leider nicht)
- Do: Schmuckbilder für Reader ausklammern alt=““.
- Do: Sich mal eine Webseite mit einem Reader vorlesen lassen.
- Don’t: Gleicher Alt-Text und Bildlegende
- Don’t: Systeme programmieren, die automatische Alt-Texte und Bildlegenden einfügen oder diese gar identische einfügen, einfach, damit sie nicht leer bleiben.
There is one more thing:
Bild-/Textscheren wie das mit den Kühen vermeiden. Oft passieren die, weil man den Inhalt hat und halt noch ein passendes Bild braucht. Wenn man das umdreht, erst das Bild, dann die Legende, lässt sich das gut vermeiden. Und: Den Text gegenlesen lassen hilft auch dafür.
Weiterführend:
- Gute Hilfe für Bildlegenden bei «Deutsche Tageszeitungen» (auch für Bild-/Textscheren)
- Barrierefreies Web bei «Zugang für alle»
- Blogbeitrag ZPRG-Event: «Barrierefrei kommunizieren – was heisst das heute?»
Titelbild: @slarbart auf Flickr