Zum Inhalt springen

Caption (Bildunterschrift)

oder auch Bildlegende, Bildunterschrift

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 10.11.2026

Eine Caption, deutsch Bildunterschrift, ist der kurze Text unter oder neben einem Bild, der sagt, was zu sehen ist oder was es bedeutet. Auf Websites wird sie mit dem HTML-Element figcaption ausgezeichnet und so dem Bild zugeordnet. Leser schauen genau hin: In einer Eyetracking-Studie des Poynter Institute pendelten die Teilnehmer zwischen Bild und Caption hin und her, um die Geschichte zu verstehen.

Caption (Bildunterschrift)

Ein kurzer Text zu einem Bild, der sagt, was zu sehen ist oder was es bedeutet.
Beispiel: „Die Caption nennt Ort und Jahr der Aufnahme.“

Auch: Bildunterschrift, Bildlegende. In sozialen Netzwerken heißt auch der Text zu einem Beitrag Caption.

Abgrenzung zum Alt-Text: Der Alt-Text ersetzt das Bild für Screenreader und bleibt unsichtbar. Die Caption steht für alle sichtbar am Bild und ergänzt es.

Was eine gute Caption leistet

Sie sagt, was das Bild bedeutet, und nicht nur, was darauf zu sehen ist. Wer ein Diagramm zeigt, schreibt die Folgerung darunter; wer ein Foto zeigt, den Zusammenhang, der im Bild fehlt.

Eine angedeutete Artikelseite, mittig gesetzt: Textzeilen als graue Balken, darunter ein Bildplatzhalter mit Sonne und zwei Bergen, darunter zentriert und kleiner eine zweizeilige Caption, danach weitere Textzeilen.
Die Caption steht direkt unter dem Bild und ist kleiner gesetzt als der Fließtext.

In der Studie des Poynter Institute von 2015 entfielen bei Nachrichtenfotos rund 30 Prozent der Betrachtungszeit auf die Bildunterschrift. Die Stichprobe war klein, die Richtung aber deutlich: Captions werden gelesen.

Captions in HTML

Das Element figcaption steht als erstes oder letztes Kind im Element figure und gilt laut HTML-Standard als Beschriftung für dessen Inhalt.

<figure>
  <img src="team.jpg" alt="Fünf Personen an einem Besprechungstisch">
  <figcaption>Das Projektteam beim Kick-off im März.</figcaption>
</figure>

Caption und Alt-Text

Screenreader lesen beides vor. Steht in Alt-Text und Caption derselbe Satz, hören blinde Nutzer ihn zweimal. Der Alt-Text beschreibt deshalb das Bild, die Caption seine Bedeutung.

Siehe auch:

Alt-Text

Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.

#Website-Struktur #Barrierefreiheit (Accessibility) #Suchmaschinenoptimierung (SEO)

figcaption

Die sichtbare Beschriftung einer Abbildung.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

figure

Eine Einheit aus Abbildung und Beschriftung, auf die der Text verweist.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Barrierefreiheit

Eigenschaft eines Angebots, von Menschen mit Behinderungen ohne fremde Hilfe genutzt werden zu können.

#Barrierefreiheit (Accessibility) #Benutzererfahrung (UX)

Fließtext

Zusammenhängender Text in Absätzen, der den Hauptteil einer Seite trägt.

#Gestaltungsgrundlagen #Website-Struktur #Frontend-Entwicklung (HTML, CSS, JavaScript)