Barrierefreies Webdesign

Im Jahr 2005 entschloss sich B90/ Die Grüne Fraktion Dortmund, die Umgestaltung der Homepage in eine barrierefreie Website in Auftrag zu geben. In diesem Zuge wurde gleichzeitig auf das Open-Source-Redaktionssystem typo3 umgestellt, welches eine schnelle und umfangreiche Pflege der Webseiten ermöglicht.

Im Folgenden soll kurz skizziert werden, welche Forderungen damit verknüpft sind und wie diese umgesetzt wurden.

Die gesetzlichen Vorgaben für eine barrierefreie Website ergeben sich aus der "Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie Informationstechnik-Verordnung – BITV) vom 17. Juli 2002 ", die für Websiten von Bundesverwaltungen verpflichtend ist und recht einfach zu erfüllen sind.

In der BITV werden folgende Eckpunkte festgeschrieben:

1. Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.
2. Texte und Graphiken müssen auch dann verständlich sein, wenn diese ohne Farbe betrachtet werden.
3. Markup-Sprachen (insbesondere HTML) und Stylesheets (CSS) sind entsprechend ihrer Spezifikationen und formalen Definitionen zu verwenden.
4. Sprachliche Besonderheiten wie Wechsel der Sprache oder Abkürzungen sind erkennbar zu machen.
5. Tabellen sind mittels der vorgesehenen Elemente der verwendeten Markup-Sprache zu beschreiben und in der Regel nur zur Darstellung tabellarischer Daten zu verwenden.
6. Internetangebote müssen auch dann nutzbar sein, wenn der verwendete Benutzeragent neuere Technologien nicht unterstützt oder diese deaktiviert sind.
7. Zeitgesteuerte Änderungen des Inhalts müssen durch die Nutzerin/den Nutzer kontrollierbar sein.
8. Die direkte Zugänglichkeit der in Internetangeboten eingebetteten Benutzerschnittstellen ist sicherzustellen.
9. Internetangebote sind so zu gestalten, dass Funktionen unabhängig vom Eingabegerät oder Ausgabegerät nutzbar sind.
10. Die Verwendbarkeit von nicht mehr dem jeweils aktuellen Stand der Technik entsprechenden assistiven Technologien und Browsern ist sicherzustellen, soweit der hiermit verbundene Aufwand nicht unverhältnismäßig ist.
11. Die zur Erstellung des Internetangebots verwendeten Technologien sollen öffentlich zugänglich und vollständig dokumentiert sein, wie z. B. die vom World Wide Web Konsortium entwickelten Technologien.
12. Der Nutzerin/dem Nutzer sind Informationen zum Kontext und zur Orientierung bereitzustellen.
13. Navigationsmechanismen sind übersichtlich und schlüssig zu gestalten.
14. Das allgemeine Verständnis der angebotenen Inhalte ist durch angemessene Maßnahmen zu fördern.
    

Darüber hinaus gibt es vom W3C Konsortium (dem Internet-Statndardisierungern) 3-stufige  Empfehlungen für eine barrierefrei gestaltete Website.  Wie so häufig muss auch bei der barrierefreien Gestaltung ein praxisorientierter, goldener Mittelweg gefunden werden. Erschwerend kommt hinzu, dass die Eingriffsmöglichkeiten in das verwendete CMS-System typo3 zwar weitreichend aber letztlich doch endlich sind.

Um diese Anforderungen zu erfüllen haben wir folgende Massnahmen getroffen:

Kontrastreiche Darstellung:

Unsere alte Homepage war ziemlich kontrastarm und konnte im Graustufenmodus nur schwer gelesen werden, die neue Website ist in diesem Punkte stark verbessert. Die folgende Abbildung verdeutlicht dies:

Lesbarkeit bei abgeschalteter Farbdarstellung

Auch wenn die  Farben und Schriftarten der Website abgeschaltet werden ist diese immer noch darstellbar und lesbar:

Schlüssige Navigation

Auf der alten Website war die Navigation auf 2 Menüs verteilt, wovon eines oben rechts und das andere links angeordnet waren. In der neuen Website wird nur noch ein Menü verwendet, welches hierarchisch strukturiert ist.

Und sonst?

Wir verzichten auf den Einsatz von Frames, verwenden aber ein simples Tabellengerüst für das Layout der Website. Dies ist momentan leider noch nötig da ansonsten das CSS des verwendeten News-System mit der Positionierung der Seitenelemente in <di>-Containern kollidiert.

Zu jedem Link gibt es einen erläuternden ALT-Text, ebenso zu jedem Bild auf der Website. Die Verwendung der Website mit alten Browsern ist ebenfalls sichergestellt, die Formatierung erfolgt dot, wo die ANpassung von typo3 möglich ist, per CSS. Alle Schriften können im Browser durch Anpassung des Schriftgrads verkleinert und vergrößert werden.

Validierung

Es gibt eine Reihe von Online-Tools, mit denen man die barrierefreie Umsetzung von Standards überprüfen kann:

http://valet.webthing.com/access/url.html

http://wave.webaim.org

Diese Seite weiterempfehlen