Barrierefreiheit von Webseiten testen

Durch einen Eintrag im "AccessBlog von Einfach für Alle" bin ich heute auf ein Online-Tool zur Überprüfung der Zugänglichkeit von Webseiten aufmerksam geworden: WAVE - Web Accessibility Evaluation Tool. Im Gegensatz zu anderen Tools erhält man hier als Ergebnis keine endlos lange Liste mit Fehlern und Hinweisen. Vielmehr wird die Webseite ganz "ganz normal" im Browser angezeigt und es werden zusätzlich Hinweise in Form von kleinen Icons in verschiedenen Farben hinzugefügt.

Somit sieht man sehr schnell, was alles schon okay ist und wo es noch Probleme gibt. Auch ist diese Art der Darstellung für technisch nicht so sehr versierte Benutzer gut geeignet.

"WAVE - Web Accessibility Evaluation Tool" als Validierungsdienst in webEdition hinzufügen

Gerade weil WAVE so einfach und übersichtlich in der Bedienung ist bietet es sich geradezu an, dass man es als neuen Validierungsdienst in webEdition hinzufügt. Die Redakteure haben so die Möglichkeit, ihre Eingaben schnell und zielsicher zu überprüfen.

WAVE als neuen Validierungsdienst hinzufügen:

Zunächst öffnet man innerhalb von webEdition ein beliebiges webEdition-Dokument - zum Beispiel die Startseite Ihrer Website. Nun wechselt man zum Tab "Validierung" und klickt im oberen Bereich der Seite auf den "Bearbeiten"-Button. Es öffnet sich ein neues Browserfenster mit der Überschrift "Validierungsdienste bearbeiten". Nun kann man einen neuen Dienst mit folgenden Angaben eintragen:

Feld	Wert
Kategorie	(X)HTML
Name des Diensts	WAVE - Web Accessibility Evaluation Tool
Host	wave.webaim.org
Pfad	/report
Datei-Typ	text/html
Datei-Endungen	.html,.php
Methode	get
Verschicken per	URL-Übergabe
Variablenname	url
Zusatz-Parameter
Aktiv	true

Als letzten Schritt klicken Sie noch auf den "Speichern"-Button am unteren Rand des Browserfensters. Fertig. Der neue Validierungsdienst wurde hinzugefügt.

Schließen Sie nun das "Validierungsdienste bearbeiten"-Fenster und wählen aus der Liste "Dienst" den eben erstellten Eintrag aus:

Klicken Sie nun auf den "OK"-Button um die Überprüfung zu starten. Das Resultat wird Ihnen im Bereich "Ergebnis" angezeigt:

Manche Layouts sind für den Ergebnis-IFrame zu breit. Um hier zu einer übersichtlicheren Darstellung zu wechseln klicken Sie auf den "Disable styles"-Link.

Damit werden alle CSS-Definitionen deaktiviert und das Dokument wird linear untereinander angezeigt.

WAVE ist somit eine gute Wahl, wenn es um eine automatisierte Überprüfung geht. Natürlich kein ein solches Tool den Test eines Menschen nicht ganz ersetzen, aber helfen, solide Grundsteine zu setzen.

Dirk Einecke
(living-e AG / Professional Services - webEdition)