Der Alt-Text ist die Textfassung eines Bildes. Er beschreibt, was das Bild zeigt, und tritt an seine Stelle, wenn es nicht geladen wird oder nicht gesehen werden kann. Vorlesewerkzeuge geben ihn aus, Suchmaschinen lesen ihn mit.
- Alt-Text
Textfassung eines Bildes, die beschreibt, was es zeigt, wenn das Bild nicht ankommt.
Beispiel: „Der Alt-Text des Teamfotos lautet ‚Vier Mitarbeiter der Kanzlei vor dem Eingang‘.“Auch: Alt-Attribut, Alternativtext oder Alt-Tag. Die Bezeichnung Alt-Tag ist falsch, denn es handelt sich um ein Attribut am img-Element.
Abgrenzung zur Bildunterschrift: Die Unterschrift steht für alle sichtbar unter dem Bild und ergänzt es. Der Alt-Text ersetzt es und wird nur gelesen, wenn das Bild fehlt.
Was hineingehört
Das, was jemand sehen würde, der das Bild sieht, im Umfang eines Satzes. Entscheidend ist der Zweck des Bildes an dieser Stelle: Beim Teamfoto zählen die Personen, bei der Grafik zur Klicktiefe zählt die dargestellte Struktur, beim Produktfoto zählt das Produkt.
<!-- beschreibt, worauf es an dieser Stelle ankommt -->
<img src="/team.jpg" alt="Vier Mitarbeiter der Kanzlei vor dem Eingang">
<!-- reiner Schmuck: leer lassen, damit Vorlesewerkzeuge das Bild überspringen -->
<img src="/wellen.svg" alt="">Was nicht hineingehört
Keine Dateinamen, keine aneinandergereihten Suchbegriffe und keine Wiederholung dessen, was direkt daneben als Text steht. Die Einleitung „Bild von“ kann entfallen, denn dass es sich um ein Bild handelt, sagt das Vorlesewerkzeug ohnehin.
Für die Länge gibt es keine feste Grenze. Als Anhalt hat sich ein Satz eingebürgert, weil Vorlesewerkzeuge den Text am Stück ausgeben und sich darin nicht springen lässt. Was mehr Erklärung braucht, etwa ein Diagramm oder eine Infografik, bekommt die ausführliche Beschreibung zusätzlich als sichtbaren Text auf der Seite.
Ob ein Bild überhaupt eine Beschreibung braucht, lässt sich mit dem Entscheidungsbaum des W3C in wenigen Schritten klären. Er trennt sauber zwischen tragenden, schmückenden und funktionalen Bildern.
Wann er leer bleibt
Bei reinem Schmuck gehört ein leeres alt-Attribut an das Bild. Dann überspringt das Vorlesewerkzeug es. Fehlt das Attribut dagegen ganz, lesen manche Werkzeuge ersatzweise den Dateinamen vor, was bei „IMG_2481.jpg“ niemandem hilft.
Aus unserer Arbeit an über 2.500 Website-Projekten sind die beiden häufigsten Fälle das vollständig fehlende Attribut in Altbeständen und der Alt-Text, der den danebenstehenden Titel wiederholt. Beim zweiten hört ein Screenreader dieselbe Angabe zweimal.