Alt-Text in TYPO3 pflegen: Datei oder Inhaltselement

Für den Alternativtext eines Bildes bietet TYPO3 zwei Felder: eines an der Datei selbst und eines an jeder Stelle, an der Sie die Datei einbinden. Wer das nicht weiß, pflegt denselben Text mehrfach oder wundert sich, warum eine Korrektur an der Datei auf einer Seite ohne Wirkung bleibt. Dieser Artikel erklärt, wie die beiden Felder zusammenwirken und welcher Wert am Ende im Frontend landet. Grundlage ist TYPO3 v14 LTS. Wie das Medienmodul insgesamt aufgebaut ist, beschreibt die Begriffsseite Dateiliste.

Für die große Mehrheit der Bilder genügt die Angabe an der Datei. Das gilt immer dann, wenn das Bild überall dasselbe aussagt: ein Produktfoto, ein Porträt, ein Firmenlogo, eine Grafik mit einem festen Inhalt.

Der Vorteil zeigt sich bei Korrekturen. Ändern Sie den Text an der Datei, wirkt sich die Änderung an jeder Stelle aus, an der das Bild eingebunden ist. Sie müssen weder wissen noch nachsehen, auf welchen Seiten das Bild verwendet wird.

Die drei Felder haben verschiedene Aufgaben, werden aber oft verwechselt. Der Alternativtext ersetzt das Bild für alle, die es nicht sehen können. Er ist auf der Seite normalerweise unsichtbar und wird von Screenreadern vorgelesen.

Die Beschreibung erscheint in den meisten Vorlagen sichtbar als Bildunterschrift unter dem Bild. Sie richtet sich an alle Leserinnen und Leser. Sie ergänzt das Bild um eine Information, etwa um den Namen der abgebildeten Person oder den Ort der Aufnahme.

Das Feld Titel erzeugt in vielen Vorlagen ein title-Attribut, dessen Inhalt als Sprechblase beim Überfahren mit der Maus erscheint. Auf Touchgeräten ist dieser Text nicht erreichbar, und Screenreader behandeln ihn uneinheitlich. Verlassen Sie sich deshalb nicht darauf: Was alle verstehen sollen, gehört in den Text oder in die Beschreibung.

Ein guter Alternativtext beschreibt, welche Information das Bild an dieser Stelle beiträgt. Er zählt nicht auf, was zu sehen ist. Die Probe ist schnell gemacht: Lesen Sie die Seite jemandem am Telefon vor. Was Sie zum Bild sagen würden, damit die Person der Seite folgen kann, gehört in das Feld.

Drei einfache Regeln helfen dabei:

• Kurz halten. Ein knapper Satz reicht in fast allen Fällen. Braucht ein Bild mehr Erklärung, etwa ein Diagramm, gehört diese Erklärung in den Fließtext.
• Keine Wörter wie "Bild", "Foto" oder "Grafik". Screenreader kündigen ein Bild bereits von sich aus an.
• Keine Dateinamen und keine Stichwortlisten. Beides hilft weder Screenreader-Nutzerinnen noch Suchmaschinen.

Ein Beispiel: Bei einem Foto der Geschäftsführerin bei einer Preisverleihung sagt "Portraet_2024_final.jpg" nichts. "Frau im Anzug auf einer Bühne" beschreibt das Motiv, aber nicht die Aussage. "Geschäftsführerin Lisa Müller nimmt den Innovationspreis entgegen" trifft es.

Für die Entscheidung, ob ein Bild überhaupt einen Text braucht, gibt es eine bewährte Hilfe: den Entscheidungsbaum des W3C. Er führt mit wenigen Fragen zur passenden Antwort.

Die folgenden vier Annahmen führen zu Arbeit, die niemand braucht, oder zu Bildern ohne brauchbaren Text.

“Der Alternativtext muss im Inhaltselement stehen, sonst wirkt er nicht.”

Das Gegenteil ist der Fall. Ohne Eintrag im Inhaltselement verwendet TYPO3 den Text aus den Metadaten der Datei. Die Angabe im Inhaltselement ist die Ausnahme, nicht der Regelfall.

“Ein leeres Feld im Inhaltselement löscht den Alternativtext.”

Ein leeres Feld bedeutet lediglich, dass für diese Verwendung nichts Eigenes hinterlegt ist. TYPO3 greift dann auf die Datei zurück. Wer einen Text an einer Stelle tatsächlich unterdrücken möchte, aktiviert das Kontrollkästchen und lässt das Feld anschließend leer.

“Alternativtext und Bildunterschrift sind dasselbe.”

Beide Texte haben verschiedene Aufgaben und verschiedene Zielgruppen. Eine Bildunterschrift ergänzt das Bild für alle. Ein Alternativtext ersetzt es für jene, die es nicht sehen. Wortgleiche Einträge lassen Screenreader denselben Satz zweimal vorlesen.

“Dekorative Bilder brauchen trotzdem einen Text.”

Ein Bild ohne inhaltliche Aussage bekommt einen leeren Alternativtext. Das W3C empfiehlt genau das, damit Screenreader solche Bilder überspringen. Das Feld ganz wegzulassen ist keine gleichwertige Alternative: Manche Programme lesen dann den Dateinamen vor.

Dieser fester Arbeitsschritt sollte die Regel sein: Den Alternativtext an der Datei pflegen, und zwar direkt nach dem Hochladen, noch bevor das Bild zum ersten Mal verwendet wird. Im Inhaltselement überschreiben Sie ihn nur, wenn das Bild dort etwas anderes aussagt oder als Link dient. Wenn Sie sich einen nächsten Schritt vornehmen möchten, gehen Sie die zuletzt hochgeladenen Bilder im Modul "Media" (bzw. “Dateiliste” in v13) durch und ergänzen Sie fehlende Texte.