Kostenloser Barrierefreiheits-Checker

Der Barrierefreiheits-Checker ist ein kostenloses Online-Tool, das deine Website anhand der WCAG-Richtlinien zur Barrierefreiheit bewertet und Probleme für Nutzer mit Behinderungen identifiziert.

Ja, er ist völlig kostenlos und erfordert keine Registrierung.

Der Barrierefreiheits-Checker testet anhand der WCAG-2.1-Richtlinien, die Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit deiner Webinhalte abdecken.

Absolut. Der Barrierefreiheits-Checker verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der Barrierefreiheits-Checker ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Barrierefreiheits-Checker in deinem Browser und nutze ihn sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach deinen Wünschen an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Der Barrierefreiheits-Checker funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Ein Fehler markiert ein Problem, das mit fast völliger Sicherheit jemanden ausschließt, der assistive Technologie nutzt — etwa ein Bild ohne alt-Attribut, ein Formularfeld ohne zugehöriges Label oder ein fehlender Seitentitel. Diese verstoßen gegen ein konkretes WCAG-Erfolgskriterium und wiegen im Score am schwersten. Eine Warnung markiert etwas, das ein Problem sein könnte, aber menschliches Urteilsvermögen erfordert — ein leeres alt, das bei einem dekorativen Bild durchaus beabsichtigt sein kann, oder Inline-Text- und Hintergrundfarben, deren Kontrastverhältnis du noch prüfen musst. Hinweise weisen auf Best Practices hin, etwa das Hinzufügen eines Skip-Navigation-Links. Da ein A sowohl einen hohen Score als auch null Fehler voraussetzt, sollte das Beheben jedes Fehlers deine erste Priorität sein. Füge dein HTML ein, um jeden Befund nach Schweregrad sortiert mit Lösungsvorschlag und kopierbarem Codebeispiel zu sehen.

Die Prüfung untersucht die Überschriftenstruktur, nicht nur, ob überhaupt eine Überschrift vorhanden ist. Sie meldet übersprungene Ebenen — etwa den direkten Sprung von h2 zu h4 —, weil Screenreader-Nutzer auf eine logische Überschriftenhierarchie angewiesen sind, um zu navigieren, und eine Lücke auf eine fehlende Abschnittsebene hindeutet. Außerdem werden leere Überschriften ohne Text und Seiten ohne jegliche Überschrift gemeldet. Das entspricht WCAG 1.3.1, das verlangt, dass visuell vermittelte Struktur auch programmatisch verfügbar ist. Überschriften sollten schrittweise um jeweils eine Ebene absteigen und den nachfolgenden Inhalt beschreiben, statt anhand ihrer optischen Größe gewählt zu werden — die steuerst du stattdessen über CSS. Eine saubere Hierarchie hilft zusätzlich der SEO, da Suchmaschinen dieselbe Struktur auslesen. Füge dein Markup ein und öffne den Tab „Headings“, um genau zu sehen, welche Ebenen übersprungen oder leer sind.

Automatisierte Tools erkennen strukturelle Probleme und Attributfehler zuverlässig — fehlende alt-Attribute, unbeschriftete Formularfelder, fehlende Landmarks, ein fehlendes lang-Attribut, vage Linktexte —, die zusammen einen Großteil realer Fehler ausmachen. Dieser Checker arbeitet mit Mustererkennung auf dem eingefügten HTML, ist dadurch schnell und privat, kann aber keine inhaltliche Bedeutung beurteilen. Er kann nicht feststellen, ob dein Alternativtext das Bild tatsächlich treffend beschreibt, ob die Lesereihenfolge sinnvoll ist, oder den gerenderten Farbkontrast auf einer Live-Seite messen — deshalb sind Farbbefunde Warnungen, die eine manuelle Prüfung verlangen. Kein automatisiertes Tool erkennt jedes Problem; Studien attestieren solchen Tools üblicherweise, nur einen Teil der Barrieren aufzudecken. Betrachte ein sauberes Ergebnis als starken ersten Schritt und bestätige es anschließend mit einem Screenreader, reiner Tastaturbedienung und einem Laufzeit-Tool wie axe oder Lighthouse. Prüfe dein Markup hier zuerst, um die strukturellen Probleme aus dem Weg zu räumen.

Ja, genau dafür ist dieses Tool gemacht. Statt eine veröffentlichte URL zu crawlen, analysiert es einen HTML-Block, den du direkt einfügst, sodass du Staging-Markup, ein internes Template oder eine noch nicht deployte Komponente prüfen kannst. Da die gesamte Analyse in deinem Browser läuft, verlässt nichts, was du einfügst, dein Gerät — das macht es sicher für unveröffentlichten Code. Kopiere dazu das gerenderte HTML aus deinem Editor oder den Browser-Entwicklertools, füge es in das Eingabefeld ein und starte die Prüfung. Du erhältst einen Gesamtscore, eine Note und Befunde, gruppiert in sieben Kategorien — Bilder, Formulare, Links, Überschriften, ARIA, Farbe und Struktur —, jede einem WCAG-Kriterium zugeordnet. So erkennst du Probleme bereits während der Entwicklung statt erst nach dem Launch. Lade zuerst das eingebaute Beispiel, um die Art der aufgedeckten Probleme zu sehen, und füge dann dein eigenes HTML ein.

Nach der Prüfung erhältst du einen Gesamtscore von 0 bis 100 und eine Note von A bis F, zusammen mit der Anzahl der Fehler, Warnungen und Hinweise sowie der Zahl der bestandenen Prüfungen. Fehler wiegen am schwersten, da sie bestätigte Barrieren darstellen — ein einziges fehlendes alt-Attribut oder ein unbeschriftetes Eingabefeld senkt den Score stärker als eine Warnung. Die Note spiegelt sowohl den Score als auch die Fehlerzahl wider: Ein A erfordert einen hohen Score und null Fehler, das heißt, du kannst keine Bestnote erreichen, solange auch nur ein blockierendes Problem besteht. Dieses Design soll dich dazu bewegen, echte Fehler zu beheben, statt nur einer Zahl hinterherzujagen. Du kannst Befunde nach Schweregrad filtern oder zwischen den Kategorie-Tabs wechseln, und der Button „Export Report“ lädt eine reine Textzusammenfassung zum Anhängen an ein Ticket herunter. Füge dein HTML ein, um deinen aktuellen Score zu sehen und genau zu erfahren, welche Korrekturen ihn verbessern.