Eine Webseite ist barrierefrei, wenn alle Informationen auf der Webseite für jeden Benutzer zugänglich sind.
Hier habe ich wichtige Kriterien für eine zumindest barrierearme Webseite zusammengefasst. Unter Inspiration sind meine Quellen aufgelistet, sowie ein Link zu einer Checkliste nach WCAG 2.0 Richtlinien (Autorengruppe Accessibility Checkliste 2.0 / URL: http://www.accessibility-checklist.ch), um eine Webseite barrierefrei zu gestalten oder auf Barrierefreiheit zu testen.
Kriterien
1. Eine Webseite sollte auf allen Browsern und Benutzeragenten lauffähig sein.
Kontrolle:
- Den Quellcode der Webseite mit Hilfe des W3C-Validators auf Validität überprüfen.
2. Die Benutzeroberfläche und Navigation der Webseite sollten nur mit der Tastatur bedienbar sein.
Kontrolle:
- Die Webseite nur mit der Tastatur bedienen.
- Der Benutzer wird vorher in Textform informiert, welche Tastaturtasten eine Funktion ausführen.
3. Eine Webseite sollte keine zeitliche Begrenzung für das lesen von Inhalten oder der Eingabe von Informationen beinhalten.
Kontrolle:
- Der Benutzer wird vorher in Textform gewarnt, falls eine zeitliche Begrenzung vorhanden ist.
- Der Benutzer hat die Möglichkeit die Begrenzung auszuweiten oder abzuschalten.
4. Eine Webseite sollte bewegende, blinkende, scrollende oder sich automatisch aktualisierende Informationen auf das Minimum reduzieren.
Kontrolle:
- Der Benutzer hat die Möglichkeit diese Informationen auszublenden, anzuhalten oder abzuschalten.
5. Eine Webseite sollte die Möglichkeit bieten, bei Unterbrechungen jeglicher Art, die Arbeit ohne Datenverlust fortzuführen.
Kontrolle:
- Der Benutzer kann für einen gewissen Zeitraum, nach einen Neustart oder einer Neuanmeldung auf der Webseite, ohne Datenverlust weiterarbeiten.
6. Eine Webseite sollte den Benutzer dabei helfen, die gewünschten Informationen schnell zu finden und zu erreichen.
Kontrolle:
- Der Benutzer kann mittels Suchfunktion oder Sitemap die Inhalte durchsuchen.
- Der Benutzer kann mittels Sprunglink die Webseite bedienen.
7. Eine Webseite sollte den Benutzer auf jeder Seite mitteilen, wo er sich gerade befindet.
Kontrolle:
- Auf der Webseite hat jede Seite einen Titel.
- Jeder Seitentitel und jeder Link, sollten eine eindeutige Bezeichnung oder Beschreibung haben.
- Jeder längere Textabschnitt hat eine eigene Überschrift.
8. Eine Webseite sollte bei Bildern oder Grafiken, eine Textalternative oder eine Textbeschreibung bieten.
Kontrolle:
- Auf der Webseite erscheint für jedes Bild oder jede Grafik eine Textbeschreibung.
- Der Benutzer hat die Möglichkeit jedes Bild oder jede Grafik anzupassen.
9. Eine Webseite sollte für Video- oder Audioinhalte, eine Text- oder Medienalternative bieten.
Kontrolle:
- Auf der Webseite erscheint zu jeden Video- oder Audioinhalt, eine Text- oder Medienalternative.
- Der Benutzer hat die Möglichkeit jeden Video- oder Audioinhalt anzuhalten oder abzuschalten.
10. Eine Webseite sollte auf verschiedenen Arten dargestellt werden können.
Kontrolle:
- Tabellen werden nicht für das Layout verwendet.
- Überschriften verwenden das Überschriften-Element.
- Aufzählungen und Navigation sind als Listen formatiert.
- Formulare, Datentabellen und Textelemente werden richtig formatiert.
11. Eine Webseite sollte ohne Layout, Bildern und Grafiken funktionieren.
Kontrolle:
- Der HTML-Code und der CSS-Code sind mittels separater Datei voneinander getrennt.
12. Die Inhalte auf der Webseite sollten gut sichtbar sein.
Kontrolle:
- Die Webseite verwendet einen hohen Farbkontrast zwischen Hintergrund- und Textfarbe und eine möglichst grosse Schrift, die sich ohne Probleme vergrössern lässt.
13. Eine Webseite sollte gut lesbar und in verständlicher Sprache formuliert sein.
Kontrolle:
- Im Quellcode der Webseite erscheint das Sprachattribut.
- Komplizierte Texte werden erklärt oder vereinfacht zusammengefasst.
- Fachbegriffe, ungewöhnliche Wörter und Abkürzungen werden im Text erläutert oder mittels Link zu einem Glossar.
14. Eine Webseite sollte nach den Erwartungen der Benutzer funktionieren.
Kontrolle:
- Auf der Webseite werden Inhalte oder Funktionen, nur dann geändert oder ausgeführt, wenn der Benutzer dies mittels Benutzereingabe selber ausgelöst hat.
- Auf der Webseite sind alle Navigationselemente und Elemente mit der gleichen Funktionalität auf allen Seiten, gleichbleibend angeordnet, aufgebaut und betitelt.
15. Eine Webseite sollte den Benutzer dabei helfen Fehler zu vermeiden oder zu korrigieren.
Kontrolle:
- Auf der Webseite gibt es eine Möglichkeit um die Eingaben zu überprüfen, zu bestätigen und zu korrigieren, bevor sie endgültig abgeschickt werden.
- Der Benutzer erhält bei automatisch erkannten Fehlern, eine Fehlermeldung und Korrekturempfehlung in Textform.
- Wenn der Inhalt einer Eingabe erforderlich ist, erhält der Benutzer eine Anweisung in Textform und bei komplizierten Inhalten ein Link zu einer Hilfeseite.
Inspiration
Quellen
Jan Eric Hellbusch: http://aktuell.de.selfhtml.org/artikel/design/barrierefrei/
Schweizerische Stiftung zur behindertengerechten Technologienutzung: http://www.access-for-all.ch/
Christian Moser, Beat Wieland: http://www.einfach-barrierefrei.net/
Aktion Mensch: http://www.einfach-fuer-alle.de/
Richtlinien
W3C (World Wide Web Consortium): http://www.w3.org/Translations/WCAG20-de/
Checkliste
Autorengruppe Accessibility Checkliste 2.0: http://www.accessibility-checklist.ch/
Kommentar eingeben