html a11y

html a11y: Was bleibt vom Code im Zugänglichkeitsbaum?

Das Labor prüft HTML auf vier Ebenen: Struktur, zugängliche Namen, Formularbeziehungen und Dokumentsprache.

Semantik-Röntgen

Quelltext in prüfbare Beziehungen zerlegen

4Fehler

HTML-Ausschnitt

geprüfter Stand

Semantik-Spur

8 Knoten
<html><a><img><h1><h2><form><input><button>

Zeilenbefunde

  1. Z1
    Hauptbereich nicht ausgezeichnet

    0 native main-Elemente gefunden.

    Den primären Seiteninhalt genau einmal mit main auszeichnen.
  2. Z2
    Dokumentsprache fehlt

    <html> hat kein verwertbares lang-Attribut.

    Hauptsprache direkt am html-Element setzen, zum Beispiel lang="de".
  3. Z11
    input ohne Beschriftung

    id="email" ist mit keinem label verbunden.

    Sichtbares label über for und id verbinden; Placeholder ersetzt keine Beschriftung.
  4. Z12
    Button ohne Namen

    Das button-Element enthält keinen erkennbaren Textnamen.

    Sichtbaren Text verwenden oder einen treffenden zugänglichen Namen bereitstellen.

Geprüft wird statischer Quelltext, nicht CSS, JavaScript-Verhalten oder die Qualität redaktioneller Texte. Das Ergebnis ist kein WCAG-Konformitätsnachweis.