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.
01 / Struktur-Röntgen
Ausschnitt einfügen, Bedeutungsgerüst sofort sehen.
Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.
Struktur-Röntgen
Markup links. Bedeutungsgerüst rechts.
Erkannte Struktur
0 ElementtypenNoch kein semantisches Strukturelement erkannt.
Befunde
3 Warnsignale- Kein Hauptinhalt erkennbar
Ohne main fehlt ein direkt anspringbarer Hauptbereich.
Den einmaligen Seiteninhalt in <main> setzen. - Sprung von h1 zu h3
Die sichtbare Hierarchie ist im Markup nicht lückenlos abgebildet.
Die nächste Ebene als <h2> auszeichnen. - Aktion auf div oder span
Ein generischer Container erhält keine native Tastaturbedienung.
Für die Aktion ein echtes <button type="button"> verwenden.
Beispiel geprüft. Drei strukturelle Befunde gefunden.
Der Ausschnitt-Check erkennt technische Muster, aber nicht, ob ein Element inhaltlich wirklich die richtige Bedeutung trägt.
02 / Der Unterschied
Ein Ausschnitt ist der Anfang, nicht die Website.
Div-Suppe entsteht schleichend
Aus Containern mit onclick und Überschriften nach Schriftgröße wird Markup ohne Bedeutung: keine Sprungziele, keine Gliederung, keine nativ bedienbaren Aktionen.
Der Check liest das gerenderte DOM
Auf Ihrer Website findet der Website-Check fehlende oder mehrfache main-Bereiche, übersprungene Überschriftenebenen und Aktionen auf div oder span – direkt im veröffentlichten Markup.
Fundstellen mit nächstem Schritt
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 liest einen eingefügten Ausschnitt. Der Website-Check prüft die veröffentlichte Seite auf Landmarken, Überschriften und weitere automatisch erkennbare Barrieren.
Der Website-Check ist bereit.
- 1URL
- 2Auswahl
- 3Prüfung
- 4Ergebnis