Zum Inhalt springen

figcaption

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 18.10.2026

Das figcaption-Element trägt die Beschriftung einer figure. Es steht im Dokument sichtbar und ist etwas anderes als der Alternativtext eines Bildes.

figcaption

Beschriftung oder Legende für den Inhalt einer figure.
Beispiel: „Das figcaption-Element steht innerhalb der figure, als erstes oder letztes Kind.“

Was es leistet

Die Spezifikation nennt es a caption or legend für den übrigen Inhalt der umgebenden figure. Die Beschriftung ist sichtbar, steht im Textfluss und wird mitgelesen.

Sie gehört zwingend in eine figure. Ein Text unter einem Bild, der nur per CSS dort sitzt, ist keine Beschriftung, sondern ein Absatz in der Nähe.

Beschriftung und Alternativtext

Beide beschreiben dasselbe Bild und haben verschiedene Aufgaben. Der alt-Text sagt, was zu sehen ist, und ersetzt das Bild für alle, die es nicht sehen. Die Beschriftung sagt, was es bedeutet, und richtet sich an alle.

Deshalb ist es ein Fehler, beide gleich zu befüllen: Screenreader lesen dann denselben Satz zweimal. Gute Paare ergänzen einander, statt sich zu wiederholen.

Eine Beschriftung je figure

Mehr als ein figcaption ist nicht vorgesehen. Wer zwei Bilder getrennt beschriften will, nimmt zwei figure.

Siehe auch:

figure

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

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Bild-Element (img)

Bringt ein Bild in die Seite, mit Quelle und Alternativtext.

#Frontend-Entwicklung (HTML, CSS, JavaScript)

Semantisches HTML

Elemente nach ihrer Bedeutung wählen statt nach ihrem Aussehen.

#Frontend-Entwicklung (HTML, CSS, JavaScript)