3. HTML-Validerungsseite nutzen

5 Minuten

HTML-Validerungsseite nutzen

Anforderung "valides HTML" 

Assistive Technologien brauchen standardisierte Schnittstellen dem Anwendungsprogrammen, dessen Bedienung sie unterstützen sollen. Deshalb ist es so wichtig, dass Lernplattformen valides HTML verwenden. 
Der BITV-Test fordert in Prüfschritt 9.4.1.1 die Verwendung einer korrekten Syntax. Die verwendete Markup-Sprache HTML muss korrekt eingesetzt werden.
Mit der folgenden Anleitung können Sie Ihre Inhalte und Ihre Plattform auf Einhaltung dieser Anforderung prüfen. 

Validierungsfehler melden mit mantis 

Hier in der Toolbox finden Sie eine allgemeinere Anleitung zur Untersuchung von Fehlern.
  1. Erfassen Sie Validierungsfehler im Issue Tracker Mantis. Legen Sie sich ggfs. einen Benutzerzugang an. 
  2. Klicken Sie auf "Eintrag erfassen".  Wählen Sie die Kategorie "Accessibility". 
  3. Geben Sie an, dass Prüfschritt 9.4.1.1 nicht bestanden wurde. Tragen Sie den den Link zum Objekt ein. Kopieren Sie den Text der Fehlermeldung in den Bug. Screenshots der Fehlermeldung sind keine Hilfe, sondern ein Ärgernis. 
  4. Sollten Sie sich bei der Formulierung, Art des Fehlers oder dem weiteren Vorgehen unsicher sein, können Sie Ihre Testergebnisse, gerne mit der SIG Barrierefreiheit teilen und ein gemeinsames Vorgehen entwickeln.

Anleitung zur HTML-Validierung

  1. Öffnen Sie die zu untersuchende Seite.
  2. Klicken Sie auf die rechte Maustaste.
  3. Es wird ein kleines Menü eingeblendet.
  4. Wählen Sie den Eintrag "Seitenquelltext anzeigen".
  5. Es wird ein neuer Reiter geöffnet: Er enthält das HTML der Seite.
  6. Kopieren Sie mit Strg+A und Strg+C das gesamte HTML der Seite . 
  7. Rufen Sie den Validator auf unter https://validator.w3.org/
  8. Ihnen werden mehrere Reiter im Validator angezeigt.
  9. Wählen Sie den letzten Reiter "Validate by Direct Input" aus.
  10. Ihnen wird ein größeres Eingabefeld angezeigt. 
  11. Fügen Sie mit Strg+ V den kopierten Quelltext in das Eingabefeld ein.
  12. Klicken Sie den "Check"-Button, um die Prüfung zu beginnen.
  13. Unter dem "Message Filtering" Button werden typischerweise viele Meldungen angezeigt.
  14. Klicken Sie den Button "Message Filtering". 
  15. Deaktivieren Sie die Checkboxen zu "Warnings" und "Info-Messages". 
  16. Die Liste enthält nun nur noch echte Verletzungen des HTML Standards, die tatsächlich korrigiert werden müssen. 
  17. Sie können die Meldungen kopieren und in den Mantis-Berichten nutzen. 

Video zur HTML-Validierung

Demo HTML-Validierung
Hinweis, Das  obige Video benötigt keine Audodeskripton, weil alle wichtigen sichtbaren Handlungen beim Erstellen verbalisiert wurden. Dieses Vorgehen spart Aufwand.