Alt-Text Bilder prüfen | Barrierefreiheit & SEO | Awesome Toolkit

Alt-Text Auditor

HTML einfügen und alle Bilder ohne alt oder mit leerem alt auflisten. Barrierefreiheit- und SEO-Audit.

Von Marshkalk

Gesetzliche Pflicht in Deutschland: BITV 2.0 und WCAG 2.1

In Deutschland schreibt die BITV 2.0 (Barrierefreie-Informationstechnik-Verordnung) vor, dass offentliche Websites und Apps barrierefrei sein mussen , das schließt korrekte Alt-Texte fur alle informativen Bilder ein. WCAG 2.1 Erfolgskriterium 1.1.1 (Stufe A) verlangt eine Textalternative fur alle Nicht-Text-Inhalte. Fehlender Alt-Text ist ein Verstoß auf Mindestanforderungsstufe und damit in offentlichen Beschaffungen ein Ausschlusskriterium. Privatwirtschaftliche Websites fallen zwar nicht direkt unter die BITV 2.0, werden aber zunehmend auf Barrierefreiheit gepruft.

Weit verbreitete Screenreader in Deutschland sind NVDA (kostenlos, haufig in Schulen und NGOs), JAWS (professionell, Behorden) und VoiceOver (Apple-Gerate). NVDA liest bei fehlendem Alt-Text den Dateinamen vor , das ergibt nutzlose Ausgaben wie "DSC00342.jpg". Auch barrierefreie PDFs benotigen Alt-Text fur Bilder, wenn sie dem BITV 2.0-Standard entsprechen sollen.

Was dieses Tool pruft

ProblemAuswirkungBehebung
Fehlendes Alt-AttributScreenreader liest DateinamenBeschreibendes Alt hinzufugen oder alt="" fur dekorativ
Leeres Alt bei informativem BildBildinhalt unsichtbar fur ScreenreaderZweck des Bildes beschreiben
Alt beginnt mit "Bild von"Redundant , Screenreader kundigt bereits "Bild" anPrafix entfernen
Alt uber 125 ZeichenAbschneiden oder Schwerfalligkeit moglichKurzen oder aria-describedby verwenden

Grenzen: Was dieses Tool nicht erkennt

Das Tool pruft Vorhandensein und grundlegende Muster des Alt-Attributs im eingefugten HTML. Ob ein Alt-Text semantisch korrekt ist, kann nur ein menschlicher Prufer beurteilen , das Tool kann nicht wissen, ob alt="rotes Auto" das Bild tatsachlich beschreibt. Externe Ressourcen und per JavaScript nachgeladene Bilder erscheinen nicht im eingefugten HTML. Ein vollstandiger Barrierefreiheitstest erfordert immer einen manuellen Test mit einem Screenreader.

Alt-Text und SEO in Deutschland: Google Bildersuche

Google indiziert Alt-Texte, um Bildinhalte zu verstehen und in der Bildersuche zu ranken. Gut beschreibende Alt-Texte (ohne ubertriebene Keyword-Wiederholung) tragen zum Bild-SEO bei, neben dem umliegenden Seitenkontext. Alt-Texte regelmasig im Rahmen der Inhaltspflege auditieren.