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

  1. Seite im Chrome-Browser aufrufen.

  2. 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>).

  3. Falls Fehler angezeigt werden (Error), also die Seite nicht validiert, mit dem Syntax Only Bookmarklet die Fehler filtern.

  4. 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 Beispiel data-platznummer="44". Manche Scripting Frameworks nutzen eigene Formate. Angular.js etwa nutzt das Format ng-*. 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.

Quellen

WCAG Note zum Umgang mit dem Erfolgskriterium 4.1.1 Parsing (entfernt in WCAG 2.2, immer erfüllt in WCAG 2.0 und 2.1)

Understanding SC 4.1.1:Parsing (Level A)