Barrierefreiheits-Prüfer

Führe schnelle Accessibility-Checks am HTML jeder Seite aus

100 % kostenlos. Dieses Tool braucht unseren Server für die Arbeit. Was du sendest, wird dort verarbeitet und danach verworfen – nie gespeichert.

Statische HTML-Analyse - ein volles Audit braucht auch manuelle Tastatur- und Screenreader-Tests.

Jump to the next useful tool without leaving your flow.

See more

Über dieses Tool

Führe schnelle Accessibility-Checks gegen das HTML einer Seite aus und markiere gängige Probleme, die eine Site für Menschen mit Behinderungen schwerer nutzbar machen - wie fehlender Alt-Text auf Bildern, schwacher Farbkontrast oder fehlende Formular-Labels. Es ist ein schnelles First-Pass-Audit, kein voller Ersatz für umfassendes Accessibility-Testing.

So verwendest du dieses Tool

  1. Seiten-Markup analysierenScanne HTML auf gängige WCAG-bezogene Struktur- und Attributprobleme.
  2. Markierte Befunde prüfenPrüfe fehlende Labels, Alt-Text, Kontrast und Überschriften-/Navigationsprobleme.
  3. Accessibility-Fixes anwendenAktualisiere Templates/Komponenten, um Ursachen zu beheben, nicht nur einzelne Seiten.
  4. Erneut testen und manuell verifizierenStarte den Checker erneut und validiere mit Tastatur-/Screenreader-Walkthroughs.

Die schnellsten Verbesserungen für Barrierefreiheit

Die meisten Fehler gehen auf wenige wiederkehrende Probleme zurück: Bilder ohne Alt-Text, Formularfelder ohne Label, zu geringer Farbkontrast, Links mit „hier klicken“, fehlende Seitensprache und Buttons, die nicht per Tastatur bedienbar sind. Wer diese behebt, löst einen großen Teil der echten Probleme.

Seit Juni 2025 verpflichtet das Barrierefreiheitsstärkungsgesetz (BFSG) viele Online-Shops und digitale Dienste in Deutschland zur Barrierefreiheit. Automatische Prüfungen erfassen nur einen Teil der WCAG – teste zusätzlich nur mit der Tastatur (Tab, Enter, Leertaste) und mit einem Screenreader.

Warum es nutzen

  • Findet wirkungsstarke Accessibility-Probleme schnell.
  • Verbessert die Nutzbarkeit für alle Nutzer, nicht nur Assistive-Tech-Nutzer.
  • Unterstützt Compliance-Bereitschaft und Audit-Vorbereitung.
  • Guter erster Pass vor tieferem manuellem Accessibility-Testing.

Häufige Anwendungen

  • Pre-Release-QA für öffentlich sichtbare Websites.
  • Accessibility-Scores in Beschaffungs-/Compliance-Kontexten verbessern.
  • Legacy-Seiten auf WCAG-Modernisierung auditieren.
  • Teams gängige Accessibility-Anti-Patterns beibringen.

Tipps für bessere Ergebnisse

  • Automatisierte Checks sind ein Start; kombiniere sie immer mit manuellen Tastaturtests.
  • Fixe Design-System-Komponenten, um wiederholte Seitenprobleme zu beseitigen.
  • Nutze sinnvollen Alt-Text nur für informative Bilder.
  • Verfolge wiederkehrende Befunde, um Workflows des Content-Teams zu verbessern.

Fehler, die du vermeiden solltest

  • Einen automatisierten Pass als vollen Accessibility-Compliance-Beweis zu behandeln.
  • Dekorativen Alt-Text hinzuzufügen, der Screenreader-Rauschen erzeugt.
  • Eine Seite zu fixen, während wiederverwendbare Templates kaputt bleiben.
  • Fokusreihenfolge und Tastaturnavigationsverhalten zu ignorieren.

Häufig gestellte Fragen

Nein - automatisierte Checks fangen gängige, erkennbare Probleme (wie fehlenden Alt-Text oder Kontrastprobleme), können aber nicht alles bewerten, was Barrierefreiheit verlangt, etwa ob Content für einen Screenreader-Nutzer logisch Sinn ergibt oder ob Tastaturnavigation wirklich gut funktioniert. Nutze das als hilfreichen ersten Pass, nicht als vollständiges Accessibility-Audit.

Gängige sind fehlender Bild-Alt-Text, unzureichender Farbkontrast, fehlende Formular-Labels und unsachgemäße Überschriftenstruktur - die Art Probleme, die automatisierte Tools zuverlässig aus HTML allein erkennen können.

Sie stellt sicher, dass Menschen mit visuellen, motorischen oder kognitiven Behinderungen deine Site wirklich nutzen können, und ist in vielen Regionen zunehmend eine rechtliche/Compliance-Anforderung - darüber hinaus verbessern viele Accessibility-Fixes (klare Überschriften, guter Kontrast) auch die Nutzbarkeit für alle.

Die Web Content Accessibility Guidelines des W3C. Konformitätsstufe AA von WCAG 2.1 oder 2.2 ist das übliche Ziel, und viele Gesetze - etwa das Barrierefreiheitsstärkungsgesetz zum European Accessibility Act - verweisen darauf.

Alt-Texte für aussagekräftige Bilder ergänzen, jedes Formularfeld beschriften, ausreichenden Textkontrast sicherstellen, Links aussagekräftigen Text statt 'hier klicken' geben und prüfen, ob die Seite allein mit der Tastatur funktioniert.

Probier den eingebauten Screenreader deines Systems - VoiceOver auf Mac und iPhone, die Sprachausgabe unter Windows, TalkBack auf Android - oder das kostenlose NVDA unter Windows und navigier durch die Seite, ohne auf den Bildschirm zu schauen.