Alt-Texte prüfen
Alt-Texte sind die Textbeschreibungen von Bildern für Screenreader. Nach WCAG 2.1 AA sind sie Pflicht. Hier erfährst du, was einen guten Alternativtext ausmacht, wie du fehlende oder schwache Alt-Texte auf deiner Website findest, und wie du sie schnell behebst.
Was ist ein Alt-Text und warum ist er Pflicht?
Ein Alt-Text (Alternativtext, im Code das alt-Attribut) ist die Textbeschreibung eines Bildes. Screenreader lesen ihn vor, er erscheint, wenn ein Bild nicht lädt, und Suchmaschinen werten ihn aus. Für blinde und sehbehinderte Menschen ist der Alt-Text oft der einzige Zugang zum Bildinhalt.
Textalternativen sind nach WCAG 2.1 (Kriterium 1.1.1, Level A) Teil der BFSG-Anforderungen. Fehlende oder schwache Alt-Texte gehören zu den häufigsten WCAG-Fehlern im Web. Und das, obwohl sie zu den am schnellsten behebbaren gehören.
Wie prüfe ich die Alt-Texte meiner Website?
Finde zuerst heraus, ob ein Alt-Text existiert. Prüfe dann, ob er auch etwas taugt. Nutze dafür diese drei sich ergänzenden Wege:
- 01
Manuell im Browser
So geht’s: Rechtsklick auf ein Bild, „Element untersuchen“ auswählen und das alt-Attribut überprüfen. Diese Methode ist gut für Stichproben, aber bei vielen Bildern oder Seiten schnell unpraktikabel.
- 02
Automatischer Scanner
Ein Tool durchsucht alle Seiten und findet fehlende oder leere alt-Attribute automatisch, schnell und vollständig. Wichtig: Ein Scanner erkennt, ob ein Alt-Text vorhanden ist, aber nicht zuverlässig, ob er gut ist.
- 03
Screenreader-Test
Schalte einen Screenreader ein (z. B. NVDA oder VoiceOver) und prüfe, wie die Beschreibungen deiner Bilder vorgelesen werden. So merkst du, ob ein Alt-Text wirklich aussagekräftig ist oder ob der Screenreader beispielsweise nur „Bild“ vorliest.
Alle Bilder auf einmal prüfen?
Fordere jetzt eine kostenlose Erstprüfung an. site-check scannt deine Bilder und wir melden uns mit den fehlenden und schwachen Alt-Texten.
Was macht einen guten Alt-Text aus?
Ein Alt-Text ist schnell gesetzt, aber nicht jeder ist hilfreich. Halte dich an diese vier Regeln, an denen sich ein guter Alternativtext erkennen lässt:
Inhalt und Funktion beschreiben
Was ist auf dem Bild zu sehen und welche Funktion hat es? Ein Button-Icon wird anders beschrieben als ein Pressefoto. Der Alt-Text soll das gleiche vermitteln wie das Bild.
Kurz und konkret
Beschreibe das Wichtigste und lass Formulierungen wie „Bild von“ oder „Grafik:“ weg. Denn Screenreader kündigen ein Bild ohnehin als solches an.
Dekorative Bilder leer lassen
Rein dekorative Bilder erhalten ein leeres alt-Attribut, damit Screenreader sie überspringen und den Lesefluss nicht stören.
Text in Bildern übernehmen
Steht Text im Bild, etwa ein Logo-Claim oder eine Infografik, dann gehört dieser Text in den Alt-Text, sonst geht er für Screenreader verloren.
Alt-Texte mit site-check prüfen und erstellen
site-check scannt alle Bilder deiner Website und findet fehlende, leere oder schwache Alt-Texte. Für jedes betroffene Bild wird der Bildinhalt mithilfe von KI analysiert und ein passender Alt-Text vorgeschlagen, den du direkt im CMS-Quelltext übernehmen kannst.
Du entscheidest pro Bild, ob du den Vorschlag übernimmst, anpasst oder verwirfst. Die KI liefert also die Idee, die Kontrolle bleibt aber bei dir. site-check wird in der EU gehostet und alle Daten werden DSGVO-konform verarbeitet.
Fehlende Alt-Texte automatisch finden
Melde dich bei uns, wir prüfen die Bilder deiner Website und schicken dir die Liste mit den KI-Vorschlägen.
Häufige Fragen zu Alt-Texten
Wie prüfe ich, ob meine Bilder Alt-Texte haben?
Per Rechtsklick und „Element untersuchen“ kannst du dir das alt-Attribut eines einzelnen Bildes anzeigen lassen. Für die ganze Website ist ein automatischer Scanner schneller und effizienter: Er findet die fehlenden und leeren Alt-Texte über alle Seiten hinweg. site-check macht das in einem Durchlauf und schlägt dir fehlende Texte direkt per KI vor.
Was ist ein guter Alt-Text?
Ein guter Alt-Text beschreibt den Inhalt und die Funktion des Bildes kurz und konkret, ohne „Bild von“ oder „Grafik:“. Dekorative Bilder erhalten ein leeres alt-Attribut. Text, der im Bild steht, gehört in den Alt-Text. Wichtig: Der Kontext zählt. Dasselbe Bild kann je nach Seite unterschiedlich beschrieben werden.
Brauchen alle Bilder einen Alt-Text?
Jedes Bild braucht ein alt-Attribut, aber nicht jedes braucht eine Beschreibung. Rein dekorative Bilder bekommen ein leeres alt-Attribut, damit Screenreader sie überspringen. Inhaltlich relevante Bilder brauchen eine aussagekräftige Beschreibung.
Sind fehlende Alt-Texte ein BFSG-Problem?
Ja. Textalternativen für Inhalte ohne Text sind WCAG 2.1 Kriterium 1.1.1 (Level A) und somit Teil der BFSG-Anforderungen. Fehlende Alt-Texte gehören zu den häufigsten Barrieren im Web.
Kann site-check Alt-Texte automatisch erstellen?
site-check schlägt per KI-Bildanalyse passende Alt-Texte vor. Übernommen wird nur, was du freigibst. So behältst du die Kontrolle über jeden einzelnen Alternativtext und kannst Vorschläge anpassen oder verwerfen.
Passende Ratgeber
Website auf Barrierefreiheit prüfen
Die drei Wege im Vergleich und was nach WCAG 2.1 AA getestet wird.
Mehr erfahren →Überschriften-Struktur prüfen
Warum die Hierarchie von H1 bis H6 zählt und wie du sie prüfst.
Mehr erfahren →Farbkontrast prüfen
Welche Mindestwerte gelten und wie du das Kontrastverhältnis misst.
Mehr erfahren →Bereit, deine Bilder barrierefrei zu machen?
Fordere jetzt eine kostenlose Erstprüfung an. site-check prüft die Alt-Texte deiner Website nach WCAG 2.1 AA und wir melden uns mit dem Ergebnis. Ganz unverbindlich und ohne die Angabe eines Zahlungsmittels.