Alt-Texte und Bildbeschreibungen:
der übersehene Hebel für Barrierefreiheit und Sichtbarkeit
Alt-Texte gelten als technisches Detail, das man schnell nachträgt oder ganz vergisst. Dabei entscheiden sie mit darüber, ob ein Bild für alle Besucher lesbar ist und ob Suchmaschinen es überhaupt erfassen können.
Auf den meisten Unternehmens-Websites tragen Bilder einen erheblichen Teil der Aussage: Produktfotos, Referenzaufnahmen, Team-Bilder, Diagramme. Für einen sehenden Besucher erschließt sich ihr Inhalt in Sekunden. Für einen Teil der Nutzer und für jede Suchmaschine bleibt dieser Inhalt jedoch verschlossen, solange er nicht in Worten hinterlegt ist.
Genau diese Aufgabe erfüllt der Alt-Text. Er ist eine der wenigen Stellen, an denen sich Barrierefreiheit und Auffindbarkeit mit demselben Handgriff verbessern lassen. Wer Alt-Texte pflegt, macht die eigene Website für Menschen mit Seheinschränkung nutzbar und liefert Suchmaschinen zugleich die Information, die sie für die Bildersuche und die Themen-Einordnung brauchen. Dieser Beitrag zeigt, wie gute Bildbeschreibungen entstehen — und woran schwache erkennbar sind.
Vom Bild zur Bildbeschreibung
Vier Schritte zu einem tragfähigen Alt-Text
Der erste Schritt entscheidet: Ein dekoratives Bild braucht keine Beschreibung, ein informatives immer
Was ein Alt-Text ist
Ein Alt-Text ist eine kurze Textbeschreibung eines Bildes, die im Quelltext einer Website hinterlegt wird und den Bildinhalt in Worte fasst. Der Name leitet sich vom Attribut ab, in dem er technisch steht — dem Alternativtext-Attribut eines Bildes. Für den normalen Besucher bleibt er unsichtbar, solange das Bild wie vorgesehen lädt.
Sichtbar oder hörbar wird der Alt-Text in genau den Momenten, in denen das Bild selbst seine Aufgabe nicht erfüllen kann. Ein Screenreader liest ihn vor, wenn ein Mensch mit Seheinschränkung die Seite bedient. Ein Browser zeigt ihn an, wenn ein Bild nicht geladen werden kann. Eine Suchmaschine wertet ihn aus, weil sie den reinen Bildinhalt nur eingeschränkt erfassen kann. In all diesen Fällen tritt der Alt-Text an die Stelle des Bildes und trägt dessen Aussage weiter.
Daraus ergibt sich der Anspruch an einen guten Alt-Text: Er soll das Bild so beschreiben, dass jemand, der es nicht sieht, die für den Seiteninhalt wesentliche Information erhält. Das ist ein anderer Anspruch als der an einen Werbetext oder eine ausschmückende Bildunterschrift. Es geht um die sachliche Wiedergabe dessen, was das Bild an dieser Stelle leistet.
Der doppelte Nutzen: zugänglich und auffindbar
Alt-Texte gehören zu den seltenen Maßnahmen, die zwei getrennte Ziele mit einem einzigen Text bedienen. Beide Ziele haben in den vergangenen Jahren an Gewicht gewonnen — das eine durch die Gesetzeslage, das andere durch die Entwicklung der Suche.
Barrierefreiheit: der gesetzliche Anspruch
Menschen mit Seheinschränkung bedienen Websites häufig über einen Screenreader, der Inhalte vorliest. Ein Bild ohne Alt-Text erscheint diesem Werkzeug als Leerstelle oder wird mit dem Dateinamen vorgelesen, was den Lesefluss stört und keine Information liefert. Mit dem Barrierefreiheitsstärkungsgesetz gehören Alt-Texte für viele Unternehmen seit 2025 zu den verbindlichen Anforderungen. Was genau das Gesetz umfasst und für wen es gilt, ordnet der Beitrag zur barrierefreien Website nach dem BFSG ein.
Sichtbarkeit: die technische Voraussetzung
Eine Suchmaschine sieht ein Bild nicht so, wie ein Mensch es sieht. Sie ist auf Textsignale angewiesen, um den Inhalt einzuordnen — und der Alt-Text ist das stärkste dieser Signale. Ohne ihn bleibt ein Bild für die Bildersuche weitgehend unsichtbar und trägt nichts zum Verständnis der Seite bei. Ein beschreibender Alt-Text hingegen macht das Bild auffindbar und stützt das Thema der ganzen Seite.
Der Aufwand, beide Ziele zu erreichen, fällt nur einmal an. Wer beim Einpflegen eines Bildes einen sauberen Alt-Text setzt, erfüllt die Barrierefreiheits-Anforderung und verbessert die Auffindbarkeit im selben Arbeitsschritt.
Prüfen Sie einen Alt-Text mit einer einfachen Vorstellung: Jemand liest Ihnen die Seite am Telefon vor und kommt an dieses Bild. Was müsste er sagen, damit Sie die Aussage verstehen? Genau dieser Satz gehört in den Alt-Text — nicht mehr und nicht weniger.
Alt-Text, Bildunterschrift, Dateiname: die Unterschiede
Rund um ein Bild gibt es mehrere Textfelder, die oft verwechselt werden. Sie haben unterschiedliche Aufgaben, und erst im Zusammenspiel entsteht ein sauber ausgezeichnetes Bild. Vier Felder sind zu unterscheiden.
- Alt-Text: Beschreibt den Bildinhalt für alle, die das Bild nicht sehen. Unsichtbar im normalen Betrieb, vorgelesen durch Screenreader, ausgewertet durch Suchmaschinen.
- Bildunterschrift: Sichtbarer Text unter dem Bild für jeden Leser. Ergänzt Kontext, Quelle oder eine Aussage, die über das Motiv hinausgeht.
- Dateiname: Der Name der Bilddatei. Ein sprechender Dateiname liefert Suchmaschinen ein zusätzliches, schwächeres Signal zum Bildinhalt.
- Titel-Attribut: Ein optionaler Text, der bei manchen Geräten als Sprechblase erscheint. Für Barrierefreiheit unzuverlässig und kein Ersatz für den Alt-Text.
Die wichtigste Abgrenzung verläuft zwischen Alt-Text und Bildunterschrift. Der Alt-Text beantwortet die Frage, was auf dem Bild zu sehen ist. Die Bildunterschrift beantwortet die Frage, was der Betrachter darüber hinaus wissen soll. Ein Referenzfoto einer fertigen Anlage könnte im Alt-Text schlicht die Anlage benennen und in der Bildunterschrift den Ort und das Jahr der Fertigstellung nennen. Beide Texte ergänzen sich, ohne sich wortgleich zu wiederholen.
Auch der Dateiname verdient Beachtung, gerade bei Aufnahmen aus dem eigenen Betrieb. Ein Bild, das aussagekräftig benannt und beschriftet ist, wird eher gefunden und richtig eingeordnet als eine Datei mit kryptischer Nummernfolge. Wie viel eine gute Bildpflege für Referenzen bewirkt, zeigt der Beitrag zu Baustellenfotos als Referenz.
Wie ein guter Alt-Text aufgebaut ist
Ein tragfähiger Alt-Text folgt wenigen Regeln, die sich für jedes Bild anwenden lassen. Sie sorgen dafür, dass die Beschreibung ihren Zweck erfüllt, ohne beim Vorlesen zu ermüden oder ins Werbliche abzugleiten.
- Den Inhalt benennen, nicht das Medium: Beschreiben Sie, was zu sehen ist, ohne mit „Bild von" oder „Foto zeigt" zu beginnen. Screenreader kündigen ohnehin an, dass ein Bild folgt.
- Das Wesentliche zuerst: Nennen Sie den für die Seite entscheidenden Bildinhalt am Anfang. Nebensächliches gehört ans Ende oder ganz weg.
- Kontext einbeziehen: Ein und dasselbe Bild kann in verschiedenen Zusammenhängen unterschiedliche Alt-Texte verdienen — je nachdem, welche Aussage es an dieser Stelle trägt.
- Knapp bleiben: Ein Satz genügt in den meisten Fällen. Wird eine ausführliche Beschreibung nötig, gehört sie in den Fließtext oder die Bildunterschrift.
- Sachlich formulieren: Der Alt-Text beschreibt, er wirbt nicht. Wertende Adjektive und Verkaufssprache haben hier keinen Platz.
Ein Beispiel verdeutlicht den Unterschied. Ein schwacher Alt-Text zu einem Produktfoto lautet „Bild1234" oder „unser tolles Produkt". Ein tragfähiger Alt-Text benennt schlicht, was zu sehen ist: welches Produkt, in welcher Ausführung, in welcher Situation. Diese sachliche Beschreibung nützt dem Screenreader-Nutzer und der Suchmaschine gleichermaßen.
Die Begriffe im Alt-Text sollten sich an der Sprache der Zielgruppe orientieren. Wer ein Bauteil so benennt, wie Kunden es suchen, wird eher gefunden als mit einer rein internen Bezeichnung. Der Gedanke dahinter vertieft sich im Beitrag zur Lücke zwischen Fachsprache und Suchfeld.
Wann ein Bild einen Alt-Text braucht
Die verbreitete Annahme, jedes Bild müsse eine ausführliche Beschreibung bekommen, führt in die Irre. Entscheidend ist die Funktion des Bildes auf der Seite. Drei Fälle sind zu unterscheiden.
Informative Bilder: beschreibender Alt-Text
Bilder, die eigene Information tragen — Produktfotos, Diagramme, Referenzaufnahmen, Porträts —, bekommen einen beschreibenden Alt-Text. Ohne ihn geht die Aussage für einen Teil der Nutzer und für die Suche verloren. Diese Bilder sind der Regelfall auf einer Unternehmens-Website.
Dekorative Bilder: leeres Alt-Attribut
Bilder ohne eigene Aussage — Hintergrundverläufe, schmückende Grafiken, Trennelemente — erhalten ein leeres Alt-Attribut. So überspringt der Screenreader sie, statt den Lesefluss mit einer belanglosen Beschreibung zu unterbrechen. Ein leeres Attribut ist hier die bewusste, richtige Wahl. Es unterscheidet sich von einem fehlenden Attribut, das Werkzeuge zur Prüfung der Barrierefreiheit als Fehler melden.
Verlinkte Bilder: das Ziel beschreiben
Ist ein Bild zugleich ein Link, gehört in den Alt-Text das Ziel des Links. Ein anklickbares Vorschaubild, das zu einer Leistungsseite führt, trägt im Alt-Text die Funktion dieses Links, damit ein Screenreader-Nutzer weiß, wohin der Klick führt.
Dekorative Bilder bekommen einen Alt-Text wie „dekoratives Element" oder eine Beschreibung des Verlaufs. Für den Screenreader-Nutzer entsteht so eine Kette bedeutungsloser Ansagen, die das Lesen erschwert. Dekoration gehört mit leerem Alt-Attribut versehen, damit sie übersprungen wird.
Was Alt-Texte für die Sichtbarkeit leisten
Für die Auffindbarkeit einer Website wirken Alt-Texte auf zwei Ebenen, die beide an Bedeutung gewinnen, je stärker Suche und KI-Systeme auf Textsignale angewiesen sind.
Auf der ersten Ebene ist der Alt-Text die Voraussetzung dafür, dass ein Bild in der Bildersuche überhaupt erscheinen kann. Für viele Betriebe ist die Bildersuche ein unterschätzter Zugang: Wer nach einem Produkt oder einer Referenz sucht, findet den Weg zur Website oft über ein Bild. Ohne beschreibenden Alt-Text bleibt dieser Weg verschlossen.
Auf der zweiten Ebene helfen Alt-Texte, das Thema der gesamten Seite einzuordnen. Suchmaschinen und KI-Systeme lesen alle Textsignale einer Seite, um zu verstehen, worum es geht — und die Bildbeschreibungen zählen dazu. Eine Seite, deren Bilder sauber beschrieben sind, gibt ein klareres Bild ihres Themas ab als eine, auf der die Bilder stumm bleiben. Welche weiteren Stellschrauben die Auffindbarkeit in KI-gestützten Antwortsystemen stärken, führt der Beitrag zur Sichtbarkeit in KI-Suchen aus.
Der Wirkung sind Grenzen gesetzt. Ein Alt-Text, der mit Suchbegriffen überladen ist, verfehlt seinen Zweck und wird als Manipulationsversuch gewertet. Die zuverlässige Regel bleibt die sachliche Beschreibung: Ein Alt-Text, der das Bild ehrlich benennt, enthält die passenden Begriffe von selbst, weil sie zum Bildinhalt gehören.
Die häufigsten Fehler
Bei der Durchsicht mittelständischer Websites wiederholen sich einige Muster rund um Bildbeschreibungen. Jedes kostet den Alt-Text einen Teil seiner Wirkung — für die Barrierefreiheit, für die Sichtbarkeit oder für beides.
Das Attribut fehlt — Screenreader und Suche stehen vor einer Leerstelle
„IMG_4821.jpg" wird vorgelesen und liefert keine Information
Eine Aneinanderreihung von Suchbegriffen statt einer Beschreibung
Belanglose Ansagen unterbrechen den Lesefluss beim Screenreader
Wertende Adjektive verfehlen die sachliche Wiedergabe des Motivs
Alt-Text und Unterschrift wiederholen sich, statt sich zu ergänzen
Die Fehler 1 bis 3 wiegen am schwersten: Ein fehlender, aus dem Dateinamen erzeugter oder mit Begriffen überladener Alt-Text schadet Zugänglichkeit und Sichtbarkeit zugleich.
Der gemeinsame Nenner dieser Fehler ist die Behandlung des Alt-Textes als lästige Pflichtangabe. Ein Alt-Text, der aus dem Bildinhalt heraus geschrieben wird, vermeidet alle sechs Muster von selbst — er benennt sachlich, was zu sehen ist, und überlässt Dekoration und Werbung anderen Feldern.
Woran gute Bildbeschreibungen erkennbar sind
Ob die Bilder einer Website sauber ausgezeichnet sind, zeigt sich an einigen wiederkehrenden Merkmalen. Diese eignen sich zur Kontrolle des bestehenden Bestands ebenso wie als Zielvorgabe beim Einpflegen neuer Aufnahmen.
Produktfotos, Diagramme und Referenzaufnahmen sind in Worten hinterlegt, nicht nur eingebunden
Schmückende Bilder tragen ein leeres Alt-Attribut und werden übersprungen
Der Alt-Text trägt die Aussage, die das Bild an dieser Stelle im Text hat
Sie sagen Unterschiedliches über dasselbe Bild, ohne sich zu wiederholen
Wer diese vier Merkmale erfüllt, hat die Bilder der eigenen Website an einer Stelle verbessert, die selten Aufmerksamkeit bekommt und doppelt wirkt. Die Arbeit fällt beim Einpflegen jedes Bildes einmal an und trägt danach dauerhaft — für jeden Besucher, der auf einen Screenreader angewiesen ist, und für jede Suche, die den Weg zur Website über ein Bild findet. Wie Bildmaterial insgesamt rechtssicher und wirksam aufgebaut wird, ordnet der Beitrag zur Bildwelt zwischen Stockfoto und eigenem Shooting ein.
Häufig gestellte Fragen
Ein Alt-Text ist eine kurze Textbeschreibung eines Bildes, die im Quelltext einer Website hinterlegt wird und den Bildinhalt in Worte fasst. Sichtbar wird er nur in besonderen Fällen — etwa wenn ein Bild nicht lädt oder von einem Screenreader vorgelesen wird. Für Menschen, die ein Bild nicht sehen können, und für Systeme, die es nicht auswerten können, ist der Alt-Text die einzige Information über das, was das Bild zeigt.
Alt-Texte dienen beidem zugleich. Screenreader lesen sie vor und machen den Bildinhalt so für Menschen mit Seheinschränkung zugänglich. Suchmaschinen lesen denselben Text, um zu verstehen, was ein Bild zeigt, weil sie den reinen Bildinhalt selbst nur eingeschränkt erfassen. Ein sauber geschriebener Alt-Text erfüllt damit eine gesetzliche Anforderung der Barrierefreiheit und verbessert gleichzeitig die Auffindbarkeit — ein Text, zwei Wirkungen.
Ein Alt-Text sollte den Bildinhalt in einem knappen Satz erfassen, meist genügen fünf bis fünfzehn Wörter. Er beschreibt, was für das Verständnis der Seite an dieser Stelle wichtig ist, und lässt weg, was ein Betrachter ohnehin aus dem umgebenden Text erfährt. Zu lange Beschreibungen ermüden beim Vorlesen und verwässern die Kernaussage. Ausführlichere Erläuterungen gehören in die sichtbare Bildunterschrift oder den Fließtext.
Jedes Bild braucht ein Alt-Attribut, aber nicht jedes braucht eine Beschreibung. Bilder, die Information tragen — Produktfotos, Diagramme, Referenzaufnahmen —, bekommen einen beschreibenden Alt-Text. Rein dekorative Bilder ohne eigene Aussage erhalten ein leeres Alt-Attribut, damit Screenreader sie überspringen und den Lesefluss nicht mit belanglosen Beschreibungen unterbrechen. Die Unterscheidung nach der Funktion des Bildes ist der erste Schritt.
Der Alt-Text steht im Quelltext und ist für alle Betrachter unsichtbar, solange das Bild normal lädt. Die Bildunterschrift steht sichtbar unter dem Bild und richtet sich an jeden Leser. Der Alt-Text beschreibt, was zu sehen ist, damit auch ohne Sicht auf das Bild klar wird, worum es geht. Die Bildunterschrift ergänzt Kontext, Quelle oder eine Aussage, die über das reine Motiv hinausgeht. Beide können nebeneinander bestehen und sollten sich nicht wortgleich wiederholen.
Ja. Der Alt-Text ist für Suchmaschinen die wichtigste Textquelle zu einem Bild und Voraussetzung dafür, dass ein Bild in der Bildersuche erscheinen kann. Er hilft der Suchmaschine außerdem, das Thema der gesamten Seite einzuordnen. Eine sachliche Beschreibung mit den Begriffen, die zum Inhalt passen, wirkt dabei zuverlässiger als eine Aneinanderreihung von Suchbegriffen — überladene Alt-Texte werden als Manipulationsversuch gewertet und schaden eher.
Ein Handgriff mit doppelter Wirkung
Alt-Texte bleiben im Alltag oft ungeschrieben, weil ihr Nutzen unsichtbar ist: Der sehende Besucher merkt nichts von ihrem Fehlen. Erst der Screenreader-Nutzer und die Suchmaschine spüren die Lücke — und beide zählen zu den Gruppen, die eine Website nicht übergehen sollte.
Der Aufwand ist gering, wenn Alt-Texte beim Einpflegen jedes Bildes mitgedacht werden. Eine sachliche Beschreibung dessen, was zu sehen ist, genügt in den meisten Fällen. Sie macht das Bild für alle lesbar und für die Suche erfassbar — ein Text, der zwei Aufgaben zugleich erfüllt und dauerhaft weiterarbeitet.
Wir prüfen die Bilder Ihrer Website auf fehlende und schwache Alt-Texte — und zeigen, wo Zugänglichkeit und Auffindbarkeit gemeinsam gewinnen.
Wissen über KI, das Sie weiterbringt.
Jede Woche ein Fachbeitrag in der Tiefe – sachlich, praxisnah, vollständig in der E-Mail.
Zu den KI-News