Was wird geprüft?
Die verwendete Markup-Sprache HTML muss korrekt eingesetzt werden. Dabei muss für jedes Element folgendes gewährleistet sein:
Sie besitzen vollständige Start- und Endtags
sie sind gemäß Spezifikation korrekt verschachtelt
sie enthalten keine doppelten Attribute
alle ihre IDs sind eindeutig, außer dort wo die Spezifikationen etwas anderes erlauben
Warum wird das geprüft?
Eine saubere HTML-Syntax vereinfacht Browsern oder Screenreadern den Umgang mit der Seite.
Wie wird geprüft?
1. Anwendbarkeit des Prüfschritts
Der Prüfschritt ist immer anwendbar.
2. Prüfung mit dem W3C-Validator
Seite im Chrome-Browser aufrufen.
Bookmarklet Check serialized DOM of current page nutzen, um die Validität des geparsten Quelltextes im W3C-Validator zu prüfen. Falls das Bookmarklet nicht funktioniert, im Validator also nichts angezeigt wird, den DOM-Code kopieren und direkt im W3C Validator im Tab 'Validate by direct Input' eingeben (hier muss ggf. eine nicht mitkopierte DOCTYPE Erklärung der Seite zu Beginn eingefügt werden, z. B. bei HTML5 die Zeile
<!DOCTYPE html>
).Falls Fehler angezeigt werden (Error), also die Seite nicht validiert, mit dem Syntax Only Bookmarklet die Fehler filtern.
Prüfen, ob nach der Anwendung des Bookmarklets noch Fehler vorhanden sind.
3. Hinweise
Die in HTML5 vorgesehenen validen Custom-Attribute nutzen das Format
data-*
, zum Beispieldata-platznummer="44"
. Manche Scripting Frameworks nutzen eigene Formate. Angular.js etwa nutzt das Formatng-*
. Trotz fehlender Validität sind solche Custom-Attribute grundsätzlich kein Barrierefreiheits-Problem, solange sie semantisch korrekt (also z. B. mit korrekt öffnenden und schließenden Anführungszeichen) eingesetzt sind. Browser ignorieren Attribute, die nicht zugeordnet werden können.In diesem Prüfschritt wird das vom Browser nach Auswertung von Scripten generierte DOM geprüft, nicht der Seitenquelltext vor Interpretation im Browser.
4. Bewertung
Erfüllt
Das Prüfergebnis des W3C-HTML-Validators ist nach Anwendung des WCAG parsing only Bookmarklet positiv. Falls noch Fehler (Errors) auftauchen, sind diese auf den semantisch korrekten Einsatz von Custom-Attributen zurückzuführen.
Eher erfüllt
Das Prüfergebnis des W3C-HTML-Validators zeigt auch nach Anwendung des Syntax only Bookmarklets Fehler.
Einordnung des Prüfschritts
Einordnung des Prüfschritts nach WCAG 2.1
Guideline
Success criterion
4.1.1 Parsing (Level A)