semantic html checker

semantic html checker: Sieht der Code aus, was die Seite meint?

Fügen Sie einen HTML-Ausschnitt ein. Das Labor liest Landmarken, Überschriften und native Bedienelemente, erklärt Warnsignale und nennt den kleinsten sinnvollen Fix.

Struktur-Röntgen

Markup links. Bedeutungsgerüst rechts.

34/ 100 · Struktur neu ordnen

Erkannte Struktur

0 Elementtypen

Noch kein semantisches Strukturelement erkannt.

Befunde

3 Warnsignale
  1. Kein Hauptinhalt erkennbar

    Ohne main fehlt ein direkt anspringbarer Hauptbereich.

    Den einmaligen Seiteninhalt in <main> setzen.
  2. Sprung von h1 zu h3

    Die sichtbare Hierarchie ist im Markup nicht lückenlos abgebildet.

    Die nächste Ebene als <h2> auszeichnen.
  3. Aktion auf div oder span

    Ein generischer Container erhält keine native Tastaturbedienung.

    Für die Aktion ein echtes <button type="button"> verwenden.

Der Ausschnitt-Check erkennt technische Muster, aber nicht, ob ein Element inhaltlich wirklich die richtige Bedeutung trägt.