HTML Accessibility Checker

HTML Accessibility Checker für klare Semantik.

Fügen Sie HTML ein. Das Labor markiert technisch ableitbare Barrieren, erklärt ihre Auswirkung und nennt die nächste Codeänderung – ohne aus einem Ausschnitt WCAG-Konformität abzuleiten.

01 / Semantik-Labor

Code einfügen, Befund sofort sehen.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.

Semantik-Labor

Code rein. Beleg raus.

12 Zeilen
Beispiel
Fehler6
Hinweise2

Automatisch belegbare Fundstellen in diesem Ausschnitt.

FehlerZeile 2WCAG 3.1.1

Dokumentsprache fehlt

Beleg
<html> hat kein lang-Attribut.
Auswirkung
Screenreader können Aussprache und Sprachregeln falsch wählen.
Nächste Änderung
Setzen Sie die Hauptsprache, zum Beispiel <html lang="de">.
PrüfgrenzeDas Labor wertet Quelltextregeln aus. Rendering, Zustände und ganze Nutzerwege prüft erst die laufende Seite.

02 / Der Unterschied

Ein Ausschnitt ist der Anfang, nicht die Website.

  • Barrieren sieht man dem HTML nicht an

    Ein klickbares div verhält sich im Browser wie ein Button – nur nicht für Tastatur und Screenreader. Solche Fehler überstehen jedes optische Review.

  • Der Check liest das ausgelieferte Dokument

    Der Website-Check prüft Ihre Seiten im gerenderten Zustand: Dokumentsprache, beschriftete Formularfelder, Alt-Texte, Überschriftenstruktur und zugängliche Namen.

  • Fundstellen statt Regelliste

    Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt. Kostenlos und ohne Installation.

03 / Auf Ihrer Website

Jetzt die eigene Seite prüfen.

Das Labor wertet einen Ausschnitt aus. Der Website-Check prüft Ihre Seiten auf dieselben und weitere automatisch erkennbare Barrieren.

  1. 1URL
  2. 2Auswahl
  3. 3Prüfung
  4. 4Ergebnis
Kostenlos starten · keine Installation

Der Ausschnitt ist geprüft. Jetzt die Seite dahinter.

Kostenlos starten: URL eingeben und konkrete technische Warnsignale mit Fundstellen erhalten.