HTML-Validator
HTML prüfen: falsch verschachtelte Tags, fehlende Attribute, doppelte IDs und Barrierefreiheitsfehler mit Zeile und Erklärung finden.
Der HTML-Validator prüft Markup auf Fehler: falsch verschachtelte oder nicht geschlossene Tags, doppelte IDs, fehlende Pflicht-Attribute, unerlaubte Elemente und Barrierefreiheitsprobleme wie Bilder ohne alt-Text. Jeder Fund erscheint mit Zeile, Spalte, Regel und kurzer deutscher Einordnung. Grundlage ist html-validate, geprüft wird lokal im Browser.
Ergebnis
Häufige HTML-Fehler
| Fehler | Folge |
|---|---|
| Doppelte IDs | Labels, Anker und Skripte greifen auf das falsche Element zu |
Bild ohne alt | Screenreader können den Inhalt nicht beschreiben |
| Leerer Link | Link ohne erkennbaren Zweck für Tastatur- und Screenreader-Nutzer |
Feld ohne label | Formular ist nicht barrierefrei bedienbar |
| Falsche Verschachtelung | Browser korrigieren unterschiedlich, Layout bricht |
| Übersprungene Überschriftenebene | Gliederung ist schwer nachvollziehbar |
Lesbar machst du HTML mit HTML formatieren, Stylesheets prüft der CSS-Validator.
Häufige Fragen
Ist das der W3C-Validator?
Nein. Der W3C-Validator läuft auf einem Server, an den du deinen Code schickst. Dieser Validator nutzt die Bibliothek html-validate direkt im Browser. Er kennt die HTML-Spezifikation und prüft zusätzlich viele Regeln für Barrierefreiheit und guten Stil.
Was ist der Unterschied zwischen Fehler und Warnung?
Fehler verstoßen gegen die HTML-Spezifikation oder führen sicher zu Problemen, etwa doppelte IDs. Warnungen betreffen Stil und Best Practices, etwa veraltete Elemente oder Inline-Styles.
Welcher Regelsatz passt?
„Empfohlen“ ist ausgewogen und für die meisten Projekte richtig. „Standard“ prüft weniger streng. „Barrierefreiheit“ ergänzt Regeln nach WCAG, etwa für Formulare, Links und Bilder.
Prüft das Tool auch Vue- oder Svelte-Templates?
Nein, nur reines HTML. Template-Syntax wie {{ }} oder Komponenten-Tags werden als Fehler gemeldet. Prüfe in dem Fall das gerenderte HTML aus dem Browser.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.