Alt-Texte prüfen
Alt-Texte sind die Textbeschreibung von Bildern für Screenreader, und nach WCAG 2.1 AA 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 auch Suchmaschinen werten ihn aus. Für blinde und sehbehinderte Menschen ist der Alt-Text oft der einzige Zugang zum Bildinhalt.
Textalternativen sind WCAG 2.1 Erfolgskriterium 1.1.1 (Level A) und damit Teil der BFSG-Anforderungen. Fehlende oder nichtssagende Alt-Texte gehören laut WebAIM zu den häufigsten WCAG-Fehlern im Web, und sind gleichzeitig einer der am schnellsten behebbaren.
Wie prüfe ich die Alt-Texte meiner Website?
Drei Wege, die sich ergänzen. Die ersten beiden zeigen dir, ob ein Alt-Text da ist, der dritte, ob er auch etwas taugt.
- 01
Manuell im Browser
Rechtsklick auf ein Bild, „Element untersuchen“, und das alt-Attribut prüfen. 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 da ist, aber nicht zuverlässig, ob er gut ist.
- 03
Screenreader-Test
Schalte einen Screenreader ein (etwa NVDA oder VoiceOver) und hör, wie deine Bilder vorgelesen werden. So merkst du, ob ein Alt-Text wirklich aussagekräftig ist oder nur „Bild“ sagt.
Alle Bilder auf einmal prüfen?
Fordere eine kostenlose Erstprüfung an. Wir scannen deine Bilder und melden uns mit den fehlenden und schwachen Alt-Texten.
Was einen guten Alt-Text ausmacht
Ein Alt-Text ist schnell gesetzt, aber nicht jeder ist hilfreich. 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
Meist reicht ein Satz. Formulierungen wie „Bild von“ oder „Grafik:“ kannst du weglassen, Screenreader kündigen ein Bild ohnehin als solches an.
Dekorative Bilder leer lassen
Rein schmückende Bilder bekommen ein leeres alt-Attribut (alt=""), 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, gehört dieser Text in den Alt-Text, sonst geht er für Screenreader verloren.
Alt-Texte mit site-check prüfen und beheben
site-check scannt alle Bilder deiner Website und findet fehlende, leere oder schwache Alt-Texte. Für jedes betroffene Bild analysiert die KI den Bildinhalt und schlägt einen passenden Alt-Text vor, den du per Quick-Fix direkt im CMS-Quelltext übernimmst.
Du entscheidest pro Bild, ob du den Vorschlag übernimmst, anpasst oder verwirfst. Die KI liefert die Idee, die Kontrolle bleibt bei dir. Gehostet in der EU, Daten DSGVO-konform verarbeitet.
Fehlende Alt-Texte automatisch finden.
Ohne Kreditkarte. Schreib uns kurz, wir prüfen die Bilder deiner Website und schicken dir die Liste mit KI-Vorschlägen.
Häufige Fragen zu Alt-Texten
Wie prüfe ich, ob meine Bilder einen Alt-Text haben?
Per Rechtsklick und „Element untersuchen“ siehst du das alt-Attribut eines einzelnen Bildes. Für die ganze Website ist ein automatischer Scanner schneller: er findet fehlende und leere Alt-Texte über alle Seiten hinweg. site-check macht das in einem Durchlauf und schlägt fehlende Texte gleich per KI vor.
Was ist ein guter Alt-Text?
Ein guter Alt-Text beschreibt Inhalt und Funktion des Bildes kurz und konkret, ohne „Bild von“. Dekorative Bilder bekommen ein leeres alt-Attribut. Text, der im Bild steht, gehört in den Alt-Text. Der Kontext zählt: dasselbe Bild kann je nach Seite unterschiedlich beschrieben werden.
Brauchen wirklich alle Bilder einen Alt-Text?
Jedes Bild braucht ein alt-Attribut, aber nicht jedes braucht eine Beschreibung. Rein dekorative Bilder bekommen ein leeres alt (alt=""), damit Screenreader sie überspringen. Inhaltlich relevante Bilder brauchen eine aussagekräftige Beschreibung.
Sind fehlende Alt-Texte ein BFSG-Problem?
Ja. Textalternativen für Nicht-Text-Inhalte sind WCAG 2.1 Erfolgskriterium 1.1.1 (Level A) und damit 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. Du behältst die Kontrolle über jeden einzelnen Text und kannst Vorschläge anpassen oder verwerfen.
Bereit, deine Bilder barrierefrei zu machen?
Fordere eine kostenlose Erstprüfung an. Wir prüfen die Alt-Texte deiner Website nach WCAG 2.1 AA und melden uns mit dem Ergebnis, ohne Kreditkarte und ohne Verpflichtung.