Datum:
18. Juni 2025
Von:
Margit Haubrich
Barrierefreiheit:Alternative Beschreibungen für Bilder
Wir zeigen Ihnen, warum und wie Sie durch Beschreibung der Bilder Ihre Website barriereärmer machen.
Fast jedes Foto, das Sie auf Ihrer Seite einbinden, sollte einen “alternativen Text” als Bildbeschreibung aufweisen. Diese Beschriftung ist ein zentraler Bestandteil barrierefreier Webgestaltung.
Dieser Text sorgt dafür, dass blinde Menschen vorgelesen bekommen, was dort zu sehen ist. Er hilft auch Menschen mit kognitiven Einschränkungen beim Verständnis von Schaubildern, Grafiken und Fotos.
Ein weiterer Vorteil: Alternative Texte verbessern auch die Suchmaschinenoptimierung (SEO). Suchmaschinen können Bilder nicht „sehen“, aber sie lesen Alt-Texte aus, um Inhalte besser zu indexieren.
Wichtig ist, dass Sie sich möglichst kurzhalten. Optimal sind 80 bis 120 Zeichen, weil der Lesefluss des Seiteninhalts bei langen Texten unterbrochen wird. Manche Systeme (inkl. ältere Browser oder Vorlesesoftware) schneiden sehr lange Alt-Texte ab. Dennoch sollten die wichtigsten "Aussagen" des Bildes erwähnt werden.
Versuchen Sie das, was Sie mit dem Bild vermitteln möchten (Information, Stimmung …), im alternativen Text zu beschreiben für jemanden, der das nicht sehen kann.
Kontext
Was im “Alternativ-Textfeld” steht, hängt immer vom Kontext an.
Ist ein Foto eingebunden, ohne dass ein Link hinterlegt ist, sollten Sie beschreiben, was auf dem Bild zu sehen ist. Beispiel: “Ein Adventskranz mit drei brennenden Kerzen steht auf dem Küchentisch”.
Haben Sie z. B. bei einem Veranstaltungsplakat die wichtigsten Informationen auch als Text auf der Webseite (das sollten Sie unbedingt!), genügt beim Bild als Beschreibung zum Beispiel: “Plakat der Veranstaltung: Gemeinsam gegen Einsamkeit”.
Verlinken Sie z. B. auf den Pfarrbrief als PDF genügt die Info: "Deckblatt des Pfarrbriefs, Link öffnet den Pfarrbrief als PDF”.
Welche Bilder brauchen keine Beschreibung?
Bilder, die rein dekorativen Charakter haben, müssen nicht mit einem beschreibenden Text versehen werden.
Wo finde ich das entsprechende Feld in OpenCms?
Wenn Sie ein Bild in OpenCms hochladen, nutzen Sie das Feld "Beschreibung", um die alternative Bildbeschriftung zu hinterlegen.
Wenn Sie rückwirkend mehrere Bilder bearbeiten wollen, geht das über die Funktion "Bildergalerie optimieren". Wir haben Ihnen das Vorgehen in einem PDF erläutert: