Alternativtexte
Version: 2.0 · Stand: 2026-07-04 · Struktureller Bezug: Microsoft Writing Style Guide – Alternative text (CC BY 4.0) · Normative Grundlage: WCAG 2.1/2.2 (Erfolgskriterium 1.1.1)
Alternativtext (Alt-Text) ist der textliche Ersatz für ein Bild. Er ermöglicht Menschen, die das Bild nicht sehen oder verarbeiten können, eine gleichwertige Nutzung. Guter Alt-Text beschreibt den Zweck des Bildes, nicht jedes Detail.
Allgemeine Richtlinien
- Jedes bedeutungstragende Bild erhält einen Alt-Text; rein dekorative Bilder einen Leerwert (alt=„“).
- Der Alt-Text beginnt mit Großbuchstaben und endet – wo sinnvoll – mit einem Punkt.
- Nicht mit Bild oder Grafik beginnen – Screenreader kündigen Bilder ohnehin an. Stattdessen gleich die Art nennen (Screenshot, Diagramm, Foto).
- Den Dateinamen nicht als Alt-Text verwenden.
- In das Bild eingebetteten Text aufnehmen, sofern er nicht schon im Umfeld steht.
- Länge etwa 150 Zeichen; komplexe Bilder ausführlich im umgebenden Text beschreiben.
- Alt-Text nicht mit Bildunterschrift oder umgebendem Text doppeln.
Schaltflächen- und Link-Bilder
- Hat eine Schaltfläche oder ein Link nur ein Bild, beschreibt der Alt-Text die Funktion, nicht das Aussehen.
- Nicht mit Schaltfläche oder Link beginnen.
- Enthält das Element Bild und Text, ist das Bild meist dekorativ (alt=„“).
Beispiele
| Situation | Passend | Unpassend |
|---|---|---|
| Screenshot der Konfigurationsseite in einer Anleitung, deren Schritte den Inhalt bereits beschreiben | Screenshot der Seite zur Schlüsselkonfiguration. | Screenshot mit den Feldern „Algorithmus“, „Schlüssellänge“ und „Ablauf“ sowie der Schaltfläche „Speichern“. |
| Zahnradsymbol ohne Beschriftung öffnet die Einstellungen | Einstellungen öffnen. | Zwei ineinandergreifende Zahnräder. |
| Lupensymbol als Suchschaltfläche | Website durchsuchen. | Lupen-Schaltfläche. |
| Diagramm eines Migrationsverlaufs im Fließtext erklärt | Diagramm: Migrationsverlauf von RSA zu ML-KEM in vier Phasen (ausführliche Beschreibung im Text). | Migrationsdiagramm. |
Redaktionsleitfaden von The White Knight Labs. Aufbau nach dem Microsoft Writing Style Guide (© Microsoft Corporation, CC BY 4.0); Inhalte für den deutschsprachigen Raum eigenständig erarbeitet. Sprachregeln nach amtlicher deutscher Rechtschreibung, Duden und DIN 5008.
de/wiki/help/style-guide/accessibility/alternative-text.txt · Zuletzt geändert: von 127.0.0.1