Alternativtexte

Alternativtexte (Alt-Texte) sind Textbeschreibungen für Bilder. Sie sind auf der Seite nicht sichtbar, werden aber von Suchmaschinen und Screenreadern für blinde und sehbehinderte Nutzer ausgelesen. Gute Alt-Texte sind daher Pflicht für Barrierefreiheit und SEO.

Wo wird der Alternativtext eingetragen?

1. Öffnen Sie das „Text & Media"-Inhaltselement
2. Klicken Sie auf ein eingebundenes Bild in der Medienliste
3. Tragen Sie den Alt-Text im Feld „Alternativtext" ein
4. Speichern Sie.

1. Dekorative Bilder

Ein Bild ist dekorativ, wenn es ohne Bedeutungsverlust entfernt werden könnte (z. B. ein reines Schmuckbild).

→ Alternativtext-Feld leer lassen

Beispiel: Ein blauer Hintergrundbalken, der nur zur Gestaltung dient.

2. Funktionale Grafiken (Links)

Wenn ein Bild als Link fungiert, beschreibt der Alt-Text das Linkziel, nicht das Bild selbst.

→ Alt-Text = Beschreibung des Linkziels

Beispiel: Logo der TUM, das auf die TUM-Startseite verlinkt → Alt-Text: „Zur Startseite der TUM"

3. Informative Bilder (häufigster Fall)

Das Bild trägt inhaltliche Information. Beschreiben Sie, was das Bild zeigt – sachlich, kurz und kontextbezogen.

Regeln:

• Kompakt: Maximal ca. 90 Zeichen
• Objektiv: Keine Interpretationen oder Meinungen
• Kontextbezogen: Nur was für das Seitenverständnis wichtig ist
• Direkt: Beginnen Sie mit der Beschreibung – nicht mit „Das Bild zeigt …“."
• Kein Duplikat: Wiederholen Sie nicht die Bildunterschrift

Beispiel: Foto eines Labors → Alt-Text: „Studierende arbeiten an Geräten im Chemielabor der TUM"  

Nicht: „Das Bild zeigt Studierende im Labor"

4. Bilder mit Text

Wenn ein Bild Text enthält (z. B. Infografik, Screenshot mit Beschriftung), übertragen Sie den gesamten Text in den Alt-Text.

Schnell-Checkliste

Frage	Wenn Ja
Ist das Bild ein Link?	Alt-Text = Linkziel beschreiben
Enthält das Bild Text?	Text vollständig übertragen
Zeigt das Bild etwas Informatives?	Kurze, sachliche Beschreibung