Startseite » Glossar » ALT-Text für Bilder

ALT-Text für Bilder

Alexander Schneider
20. August 2026
8:57
8. August 2026

Bild anklicken um zu vergrößern

Der Alt-Text (Alternativtext) ist eine kurze Textbeschreibung im HTML-Code eines Bildes. Er beschreibt, was auf dem Bild zu sehen ist, damit Screenreader den Inhalt vorlesen können und Suchmaschinen das Bild inhaltlich einordnen. Seit dem Barrierefreiheitsstärkungsgesetz (BFSG) ist er für viele Websites in Deutschland verpflichtend.

Was ist ein Alt-Text bei Bildern?

Der Alt-Text, kurz für „alternativer Text“, steckt im HTML-Code eines Bildes, im sogenannten alt-Attribut. Sichtbar ist er auf der Webseite nicht. Screenreader lesen ihn vor, wenn ein Bild für sehbehinderte Nutzer nicht erkennbar ist. Suchmaschinen wie Google nutzen ihn, um den Bildinhalt einzuordnen, denn Bilder selbst können sie nur begrenzt automatisch auswerten.

Der Alt-Text erfüllt zwei Aufgaben gleichzeitig: Er macht Bilder für Menschen mit Sehbehinderung zugänglich, und er liefert Suchmaschinen einen zusätzlichen Anhaltspunkt für die Bewertung einer Seite. In Deutschland ist die Barrierefreiheits-Funktion seit 2025 für viele Websites keine Kür mehr, sondern gesetzliche Pflicht.

Wie funktioniert der Alt-Text technisch?

Im HTML sieht ein Alt-Text so aus:

<img src=“blauer-pullover.jpg“ alt=“Blauer Herrenpullover aus Baumwolle mit Rundhalsausschnitt“>

Das alt-Attribut steht direkt im img-Tag. In WordPress trägst du den Alt-Text nicht im Code ein, sondern im Feld „Alternativtext“ der Mediathek. Hinzufügen kann man den Text beim Hochladen eines Bildes oder nachträglich im Bild-Block des Editors.

Fehlt das alt-Attribut komplett, liest ein Screenreader oft nur den Dateinamen vor, etwas wie „IMG 2026 045 Punkt jpg“. Für Google entsteht an dieser Stelle eine Informationslücke: Die Seite verliert die Chance, in der Google-Bildersuche zu erscheinen und die thematische Einordnung der Seite wird ungenauer.

Welche Alt-Text-Typen gibt es?

Bildtyp	Zweck	Alt-Text Beispiel
Informative Bilder	Vermitteln inhaltlich relevante Informationen (Produktfotos, Screenshots)	„Blauer Herrenpullover aus Baumwolle mit Rundhalsausschnitt“
Dekorative Bilder	Rein gestalterisch, ohne inhaltlichen Mehrwert (Trennlinien, Hintergrundmuster)	alt=““ (leer)
Funktionale Bilder	Dienen als Link oder Button	„Warenkorb öffnen“ statt „Einkaufswagen-Icon“
Komplexe Grafiken	Diagramme, Infografiken, Charts	Kurzer Alt-Text plus ausführliche Beschreibung im Fließtext oder in der Bildunterschrift

Wie schreibst du einen guten Alt-Text? In 5 Schritten

Bildinhalt objektiv beschreiben – Beschreibe, was auf dem Bild tatsächlich zu sehen ist: Objekt, Handlung, relevante Details. Vermeide Interpretationen oder Meinungen.
Seitenkontext berücksichtigen – Formuliere den Alt-Text passend zum Thema der Seite. Ein Produktfoto braucht auf einer Shop-Seite andere Details als auf einer Über-uns-Seite.
Kurz und prägnant bleiben – Halte den Text unter 125 Zeichen. Screenreader lesen längere Texte oft unvollständig vor.
Keyword nur bei thematischem Bezug einbauen – Nutze ein Fokus-Keyword nur, wenn es den Bildinhalt tatsächlich beschreibt. Erzwungene Keywords wirken wie Keyword-Stuffing und schaden mehr, als sie nutzen.
Dekorative Bilder mit leerem Alt-Attribut kennzeichnen – Setze bei rein gestalterischen Bildern alt=““, damit Screenreader sie überspringen und keine unnötigen Informationen vorlesen.

Alt-Text vs. Title-Attribut

Kriterium	Alt-Text	Title-Attribut
Sichtbarkeit	Unsichtbar, nur im HTML-Code	Sichtbar als Tooltip beim Überfahren mit der Maus
Zweck	Beschreibt den Bildinhalt für Screenreader und Suchmaschinen	Liefert ergänzende Zusatzinfos, z. B. die Bildquelle
SEO-Relevanz	Hilft bei der Einordnung des Bildinhalts und beim Ranking in der Bildersuche	Kein Rankingfaktor
WCAG-Pflicht	Ja, Erfolgskriterium 1.1.1	Nein

ALT-Text Bilder 2026 – Aktuelle Entwicklungen

Seit dem 28. Juni 2025 gilt in Deutschland das Barrierefreiheitsstärkungsgesetz (BFSG). Es verpflichtet einen Großteil der Unternehmenswebsites, darunter Online-Shops und Buchungsseiten, dazu, Bilder mit aussagekräftigen Alt-Texten zu versehen. Grundlage ist die europäische Richtlinie 2019/882, technisch umgesetzt über die Norm EN 301 549 auf Basis der WCAG.

Wie groß die Lücke in der Praxis noch ist, zeigt der jährliche WebAIM-Million-Report: In der Auswertung 2026 fehlte bei 16,2 % aller Bilder auf den eine Million meistbesuchten Startseiten weltweit ein Alt-Text. Das ist ein Rückgang gegenüber 18,5 % im Vorjahr, aber immer noch mehr als jedes sechste Bild. Fehlende Alt-Texte zählen seit Jahren zu den sechs häufigsten automatisch erkennbaren Barrierefreiheitsfehlern im Web.

Parallel dazu bieten immer mehr CMS und Plugins automatisch generierte Alt-Texte per Bilderkennung an. Für einfache Produktfotos kann das eine Zeitersparnis sein, ersetzt aber keine manuelle Kontrolle: Automatisch erzeugte Texte übersehen oft den Seitenkontext und formulieren zu allgemein, etwa „Person im Freien“ statt einer konkreten Produktbeschreibung.

Häufige Fragen zu Alt-Text bei Bildern

Was ist der Unterschied zwischen Alt-Text und Title-Text?

Der Alt-Text beschreibt den Bildinhalt und wird von Screenreadern vorgelesen, der Title-Text erscheint nur als kleiner Tooltip beim Überfahren mit der Maus. Für SEO und Barrierefreiheit zählt der Alt-Text, das Title-Attribut ist dafür nicht relevant.

Wie lang darf ein Alt-Text sein?

Ein guter Alt-Text ist kurz und präzise, die meisten Empfehlungen liegen bei unter 125 Zeichen. Screenreader brechen längere Texte oft ab oder lesen sie unvollständig vor.

Braucht jedes Bild einen Alt-Text?

Nein. Inhaltlich relevante Bilder wie Produktfotos oder Infografiken brauchen einen beschreibenden Alt-Text, rein dekorative Bilder wie Trennlinien oder Hintergrundmuster erhalten ein leeres alt-Attribut (alt=““), damit Screenreader sie überspringen.

Ist der Alt-Text ein Google-Rankingfaktor?

Der Alt-Text ist kein offizieller Rankingfaktor für die klassische Google-Suche, verbessert aber die Sichtbarkeit in der Google-Bildersuche und hilft Google, den Seiteninhalt thematisch einzuordnen.

Sind Alt-Texte seit dem BFSG gesetzlich vorgeschrieben?

Seit dem 28. Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) viele Unternehmenswebsites in Deutschland dazu, Bilder mit aussagekräftigen Alt-Texten zu versehen. Ausgenommen sind unter anderem Kleinstunternehmen mit rein beruflichen Angeboten.