TYPO3-Lifehack: Alt-Texte bei Bildern hinzufügen
Inhalt
Was ist eigentlich ein Alt-Text?
Ein Alt-Text (kurz für "Alternativtext") beschreibt, was auf einem Bild zu sehen ist. Das hilft Menschen, die Bilder nicht sehen können, etwa beim Einsatz von Screenreadern. Auch Suchmaschinen nutzen Alt-Texte, um Bilder thematisch einzuordnen.
2 Wege, 1 Ziel: So vergeben Sie Alt-Text in TYPO3 richtig
Im Content-Management-System TYPO3 gibt es zwei Stellen, an denen Sie Alt-Texte pflegen können:
- zentral in der Dateiliste oder
- individuell an jeder Bild-Einbindung direkt auf der jeweiligen Seite
Variante 1: Alt-Texte zentral in der Dateiliste pflegen
- Vorteil: Einmal gepflegt, übernehmen alle Einbindungen des Bildes den Alt-Text automatisch
- Perfekt für Logos, Icons oder Standardbilder mit immer gleichem Kontext
- Spart Zeit bei mehrfach verwendeten Bildern
So geht's:
- im linken Menü unter “Datei” die “Dateiliste” ("Fileliste") auswählen
- im Seitenbaum gewünschten Dateiordner anklicken
- zu bearbeitendes Bild anklicken und bis zum Abschnitt “Barrierefreiheit” ("Accessibility") scollen
- im Feld “Alternativer Text” den Alt-Text einfügen und speichern
Variante 2: Alt-Texte individuell am Bild setzen
- Vorteil: Der Alt-Text kann spezifisch auf den Seiteninhalt abgestimmt werden
- Ideal für Bilder, die in verschiedenen Kontexten auftauchen
- Notwendig für Barrierefreiheit, wenn der Bildzweck sich ändert
So geht's:
- im Seitenbaum die gewünschte Seite öffnen
- im betreffenden Content-Element das Bild auswählen (Reiter “Bilder”)
- unter "Bild-Metadaten" beim Feld ”Alternativer Text" das Häkchen bei “Elementspezifischen Wert setzen” setzen
- Alt-Text in das Feld eintragen und speichern
Welche Variante Sie wählen sollten
Wenn Ihre Bilder immer im gleichen Zusammenhang stehen - etwa Logos oder Icons - lohnt sich die zentrale Pflege über die Dateiliste. Das spart Zeit und hält alles konsistent.
Arbeiten Sie redaktionell und passen Bilder je nach Inhalt an? Dann setzen Sie den Alt-Text individuell bei der jeweiligen Bildeinbindung.
Unser Tipp: Pflegen Sie den Alt-Text gleich zentral ein, wenn Sie ein Bild in die Dateiliste hochladen. TYPO3 zeigt Ihnen beim Bearbeiten einer Seite im Inhaltseditor, ob ein Alt-Text bereits zentral vergeben wurde. Sie können ihn übernehmen oder ganz einfach überschreiben.
Das Beste: Richtig gepflegte Alt-Texte machen Ihre Seite nicht nur barriereärmer, sondern auch sichtbarer in Google und Co. Win-win, würden wir sagen.
