Ein Alt-Text ist eine Textalternative für ein Bild. Er wird im HTML über das Attribut alt am Bild-Element angegeben und beschreibt, welche Information oder Funktion das Bild auf der Webseite hat.
Screenreader lesen ihn Menschen mit Sehbehinderung vor, Browser zeigen ihn, wenn ein Bild nicht lädt. Auch Suchmaschinen nutzen ihn, um den Inhalt eines Bildes besser zu verstehen.
Der Alt-Text beschreibt nicht das Bild, sondern seine Aussage im Kontext der Seite. Dasselbe Foto kann je nach Seite einen anderen Alt-Text brauchen.
Das W3C verlangt, dass Bilder Textalternativen haben, die Information oder Funktion ausdrücken. Nur so lassen sich Bilder von Menschen mit unterschiedlichen Einschränkungen nutzen. Der Alt-Text ist deshalb ein Kernstück der Barrierefreiheit.
Auch für die Suche zählt er: Google bezeichnet den Alt-Text als wichtigstes Attribut für zusätzliche Metadaten zu einem Bild und nutzt ihn zusammen mit Bilderkennung und dem Seiteninhalt.
Steht derselbe Text auch als echter Text auf der Seite, bleibt der Alt-Text leer. Gibt das Bild Text wieder, der sonst fehlt, übernimmt der Alt-Text diese Wörter.
Dann beschreibt der Alt-Text das Ziel oder die Aktion, nicht das Aussehen des Bildes.
Dann genügt eine kurze Beschreibung der Aussage. Bei Diagrammen steht die Information zusätzlich im Text der Seite.
Dann setzen Sie einen leeren Alt-Text (alt=""), damit Screenreader es überspringen.
Google zeigt in seiner Dokumentation drei Stufen: „puppy“ ist besser als eine Aneinanderreihung von Schlagwörtern, „Dalmatian puppy playing fetch“ ist am besten. Der Text sagt knapp, was zu sehen ist und worum es geht.
Auf einer Produktseite beschreibt der Alt-Text Produkt und relevante Eigenschaften, etwa „Rote Laufschuhe mit weißer Sohle, Seitenansicht“. Er hängt nicht mit „Bild von“ an, denn Screenreader kündigen Bilder in der Regel ohnehin als Bild an.
Wer Alt-Texte pflegt, verbessert Zugänglichkeit und Auffindbarkeit zugleich. Konkret bringt das diese Vorteile:
Schreiben Sie Alt-Texte für Menschen, nicht für Suchmaschinen: kurz, konkret und passend zum Text auf der Seite.
Die Bildunterschrift ist ein sichtbarer Text unter dem Bild. Sie gehört im HTML zum Element figcaption und gibt dem Bild einen zugänglichen Namen. Der Alt-Text ist dagegen meist unsichtbar und ersetzt das Bild für alle, die es nicht sehen können.
Beide ergänzen sich, sollten sich aber nicht wiederholen. Steht die Aussage schon in der Bildunterschrift, kann der Alt-Text sehr kurz ausfallen oder bei reiner Dekoration leer bleiben.
Ein Alt-Text ist eine Textalternative für ein Bild, die im HTML-Attribut alt steht und Bildinhalt oder Funktion beschreibt.
Das W3C nennt keine feste Länge. In der Praxis genügt meist ein Satz oder eine kurze Wortgruppe mit der wesentlichen Aussage.
Sie brauchen ein leeres alt-Attribut (alt=""). Es fehlt nicht, sondern ist leer, damit Screenreader das Bild überspringen.
Google nutzt ihn, um Bilder zu verstehen. Als Hebel für Rankings sollten Sie ihn nicht mit Schlagwörtern überladen.
Ein guter Alt-Text macht Bilder für alle Besucher nutzbar und hilft Suchmaschinen beim Verstehen. Beschreiben Sie die Aussage, nicht jedes Detail, und lassen Sie dekorative Bilder bewusst leer.
Expertengeprüft von Robert Hartl zuletzt am 13.10.2026.
Dieser Beitrag (Was ist ein Alt-Text? ᐅ Definition, Tipps) wurde redaktionell erstellt und vor Veröffentlichung fachlich geprüft. Inhalte wurden bei Bedarf korrigiert, ergänzt und aktualisiert. Bei der Erstellung einzelner Formulierungen kann KI-Unterstützung zum Einsatz gekommen sein. Die inhaltliche Verantwortung liegt bei den genannten Personen.
Mit dem Aufruf des Videos erklären Sie sich einverstanden, dass Ihre Daten an YouTube übermittelt werden und Sie die Datenschutzerklärung akzeptieren.
