Ueberblick
Dieser Validator ist für die Prüfung von Markup gedacht, nicht für das Layout. Er analysiert den HTML-Baum auf unsichere Elemente, doppelte IDs, falsche Verschachtelung, leere Links, fehlende Alt-Texte und andere strukturelle Fehler, die sich leicht in Vorlagen und kopierte Inhalte einschleichen. Er ist besonders hilfreich, wenn du einschätzen musst, ob ein Fragment ohne Risiko veröffentlicht oder eingebettet werden kann. Der Bericht trennt Fehler von Warnungen, damit du die wirklich relevanten Probleme zuerst beheben kannst.
Anwendungsfaelle
- Vorlagen vor dem Go-live prüfenSeiten- und Artikelvorlagen auf ungültige Verschachtelungen, fehlende Attribute und doppelte IDs kontrollieren.
- CMS-Inhalte auditierenAus Editoren oder Altsystemen übernommene Inhalte auf unsichere Tags, leere Links und chaotisches Markup untersuchen.
- Barrierefreiheit absichernDoppelte IDs, leere Anker und Bilder ohne sinnvollen Alt-Text finden, die Screenreader und Navigation stören.
- HTML aus Baukästen bereinigenVon Page-Buildern oder E-Mail-Editoren exportiertes HTML auf nicht unterstützte Elemente und Strukturfehler prüfen.
- Einbettungen absichernPrüfen, ob ein Snippet oder Widget Tags und Attribute enthält, die die Host-Seite beeinträchtigen können.
So funktioniert es
- 1
HTML in das Eingabefeld einfügen.
- 2
Die Prüfung für Tags, Attribute, Verschachtelung und IDs starten.
- 3
Fehler und Warnungen im Bericht ansehen.
- 4
Den Code korrigieren und erneut prüfen.
Beispiele
Doppelte ID
Eingabe: <section id="promo"><a id="cta" href="/start">Mehr</a><button id="cta">Los</button></section>
Ausgabe: Der Bericht markiert die doppelte id="cta" und die betroffenen Elemente.
Hilfreich, wenn dieselbe Kennung bei mehreren interaktiven Elementen verwendet wird.
Unsicheres Tag erkennen
Eingabe: <div class="note">Hallo</div><script>track()</script>
Ausgabe: Das script-Tag wird als unsicheres Markup für veröffentlichte Inhalte markiert.
Zeigt, wie das Tool Code behandelt, der vor der Veröffentlichung entfernt werden sollte.
Verschachtelung und Attribute
Eingabe: <p><div>Defekt</div></p><img src="cover.jpg">
Ausgabe: Meldet ungültige Verschachtelung und fehlendes alt beim Bild.
Hilft, strukturelle Probleme zu finden, die bei kopiertem HTML leicht übersehen werden.
FAQ
Verändert der Validator mein HTML?
Nein. Er analysiert nur die Eingabe und gibt Fehler, Warnungen und Strukturhinweise zurück.
Was gilt hier als unsicheres Markup?
Tags und Muster mit Risiko in veröffentlichten Inhalten, etwa script-ähnliche Elemente oder andere vom Validator markierte Bausteine.
Warum sind doppelte IDs problematisch?
IDs müssen eindeutig sein. Teilen sich zwei Elemente dieselbe ID, können Anker, Skripte und Barrierefreiheitsbezüge auf das falsche Element zeigen.
Sind leere Links und fehlende Alt-Texte relevant?
Ja. Sie werden gemeldet, weil sie die Dokumentstruktur schwächen und die Nutzung erschweren.
Warum gibt es Warnungen bei scheinbar korrektem HTML?
Ein Fragment kann syntaktisch wirken wie gültig und trotzdem doppelte IDs, leere Attribute oder nicht unterstützte Elemente enthalten, die erkannt werden.