Barrierefreiheit von Webseiten testen

Um barrierefreie Webseiten entwicklen zu können, ist es unablässlich, eine Reihe von Tools zur Verfügung zu haben, mit denen man die entsprechenden Seiten überprüfen und beispielsweise aus der Sicht von Blinden betrachten kann.

Hier habe ich eine kleine Sammlung von Werkzeugen zusammengestellt, die zum Testen der Barrierefreiheit einer Seite genutzt werden können:

Textbrowser, Screenreader und entsprechende Simulationen

• LYNX ist ein textbasierter Webbrowser, der inzwischen für fast alle Betriebssysteme verfügbar ist.
• Mit dem LXNX Viewer kann man seine Seiten auch online überprüfen lassen, ohne LYNX auf dem eigenen Rechner zu installieren.
  Achtung! Um den Lynx-Viewer benutzen zu können, muss ein HTML-Dokument names delorie.htm im Root-Verzeichnis der Webseite liegen, es sei denn man nutzt diesen Viewer auf einem anderen Server.
• Seit Anfang des Jahres gibt es auch eine entsprechende Erweiterung für Firefox
• Der Webformator ist ein kostenloses Plugin für den Internet Explorer, das die Inhalte einer Website in Textform umwandelt und in einem extra Fenster ausgibt.
• JAWS ist ebenfalls ein häufig verwendeter Screenreader, welcher Textinhalte aus Webseiten extrahiert und bei Bedarf auch vorliest. Das Programm kann ohne Lizensierung zu Testzwecken jeweils 40 Minuten als Demo-Version verwendet werden.
• Für den Firefox gibt es eine JAWS-Simulation als Plugin mit dem Namen Fangs. Hier kann das Plugin direkt herunterladen werden.

Sprachausgaben für Webseiten

• Mit dem Plugin WebSpeech kann man sich im Internet Explorer Webseiten vorlesen lassen und so einen Eindruck von synthetischen Sprachausgaben, wie sie häufig von Blinden genutzt werden, gewinnen.
• Der IBM Home Page Reader ist ein “sprechender Browser”, der auch auf den Internet Explorer aufsetzt und Webseiten in Sprachform ausgibt. Eine kostenlose 4wöchige Testversion kann hier heruntergeladen werden.

Werkzeuge zur Überprüfung von Farbkombinationen und Kontrasten

• Der Colorblind Webpage Filter ist ein Online-Tool, das Webseiten so anzeigt, wie sie Farbenblinde mit verschiedenen Farbfehlsichtigkeiten sehen. Außerdem kann die Website in Graustufen dargestellt werden. So kann überprüft werden, ob Farben und Kontraste der Webseite vorteilhaft gewählt wurden.
• Mit dem Colour Contrast Analyser von Juicy Studio können zwei Farben auf ausreichenden Kontrast hin überprüft werden.
• Noch besser: das Accessibility Color Wheel, mit dem Farben auf ihre Tauglichkeit für Farbenblinde getestet werden können, wie hier beschrieben.

Online-Tools zum Überprüfen von Webseiten auf Barrierefreiheit entsprechend den Web Content Accessibility Guidelines des W3C

Die Barrierefreiheit einer Webseite kann nie allein anhand automatischer Überprüfung des Quellcodes festgestellt werden. Dazu sind die möglichen Hürden für Nutzer mit Behinderungen zu verschieden.
Trotzdem gibt es eine Reihe an Tools, die helfen können, einige formale Bedingungen der Barrierefreiheit zu testen:

• Watchfire WebXACT – früher Bobby
• Functional Accessibility Evaluator
• Cynthia Says
• Online Content Accessibility and Quality Tester von HiSoftware
• WTAC Web Accessibility Checker – überprüft auf WCAG 2.0 – Konformität
• HERA Web Accessibility Checker
• WAVE 3.0
• TAW (Tip von Heiko)

Browser-Plugins zum testen von Webseiten

• Die Web Developer Toolbar für den Firefox ist natürlich ein absolutes “muss” für Webentwickler und erlaub vielfältige Testmöglichkeiten.
• Für den Internet Explorer erfüllt diesen Zweck die Web Accessibility Toolbar
• Äußerst hilfreich ist auch die Checky-Extension, ursprünglich entwickelt für Firefox, Mozilla und Netscape. Leider funktioniert sie bei mir momentan nur noch im Mozilla.
• Auch für Opera gibt es neuerdings eine WebDeveloperToolbar, wie hier ausführlich beschrieben.

Validatoren

Natürlich sollten Internetseiten auch den Standards des W3C entsprechen:

• W3C (X)HTML-Validator
• W3C-CSS-Validator

Verwandte Beiträge

• Barrierefreiheit von Webseiten testen
• Wordpress-Link-Seite mit del.icio.us-Tag-Wolke und Einzellinks
• Formular-Textfelder, -Checkboxen und -Radiobuttons mit JavaScript und PHP abfragen
• Bequeme Pfadangaben in Wordpress-Templates
• Wordpress als CMS - ein Fallbeispiel
• Min-width-Lösung für den Internet Explorer mit purem CSS - von Stu Nicholls
• Videos in Wordpress-Webseiten einbinden - Teil 2 - oder das WordTube-Plugin

Samstag, 11. März 2006 17:40 Uhr in Artikel, Barrierefreiheit 11 Kommentare
Kommentar-Abo kommentieren | TrackBack-URI