Textalternative

Eine Textalternative ist ein programmatisch zugeordneter Text, der einen Nicht-Text-Inhalt ersetzt und für Nutzer denselben Zweck erfüllt. Weil Text in jede Form umgewandelt werden kann – Sprache, Braille, Vergrößerung, Symbole –, ist die Textalternative das zentrale Werkzeug von WCAG 1.1.1.

Wege, Textalternativen bereitzustellen

• alt-Attribut bei <img> und <area> – der Alt-Text
• aria-label / aria-labelledby für Icon-Buttons und SVGs
• <title> in Inline-SVG plus role="img"
• Sichtbarer Begleittext oder <figcaption>
• Ausführliche Beschreibung bei komplexen Grafiken, z. B. als Datentabelle oder Fließtext daneben
• Transkripte und Untertitel für Audio und Video

Gute Textalternativen schreiben

Vom Zweck ausgehen: Was soll das Bild an dieser Stelle vermitteln? Funktionale Bilder beschreiben die Aktion („Suche starten“), informative den Inhalt, dekorative erhalten alt="". Keine Floskeln wie „Bild von“, keine Dateinamen, keine Keyword-Listen.

Häufige Fragen

Ist das title-Attribut eine Textalternative?

Nur unzuverlässig: Er wird nicht von allen Screenreadern gelesen und ist für Tastatur- und Touch-Nutzer unsichtbar. Verwenden Sie alt oder sichtbaren Text.

Können KI-Tools Textalternativen erzeugen?

Sie liefern brauchbare Entwürfe, kennen aber den Zweck im Kontext nicht. Automatisch erzeugte Texte sollten immer redaktionell geprüft werden.

Verwandte Begriffe: Alt-Text, Nicht-Text-Inhalte, aria-label, Dekoratives Bild