Barrierefreies Webdesign

Menschen mit Behinderungen benutzen häufig andere Endgeräte als Tastatur und Bildschirm.
Viele Websites bauen durch ihre technische und gestalterische Umsetzung Barrieren für Sie auf. Barrieren, die auch Menschen ohne Behinderung die Nutzung erschweren. Barrieren, die nicht nötig und für neue Websites öffentlicher Träger seit Juli 2002 nicht mehr erlaubt sind.

Daher war die Barrierefreiheit eine der wesentlichen Vorgaben bei der Neugestaltung des Friedrichsdorfer Internetauftritts.

Durch die Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz (Barrierefreie-Informationstechnik-Verordnung - BITV 2.0) hat der Bund bereits für alle Webangebote der Bundesverwaltungen die Barrierefreiheit bis Ende 2005 vorgeschrieben.

Im "normalen" Leben ist die Barrierefreiheit meist sofort erkennbar, z.B. bei einem abgesenkten Bürgersteig. Wie aber erkennt man eine barrierefreie Website?

Auf den ersten Blick gar nicht! Denn für Behinderte, die sich z.B. die Webseiten von einem Screenreader-Programm vorlesen lassen oder den Inhalt auf einer Brailleschrift-Zeile ertasten, sind eine übersichtliche Strukturierung, eine strikte Trennung von Form und Inhalt und eine korrekte Kodierung der Webseiten wesentliche Voraussetzung für die Zugänglichkeit des Internetangebots. Und dies sollte nicht besonders auffallen.

Übersichtliche Strukturierung

Besonders die Forderung nach einer übersichtlichen Strukturierung des Internetauftritts kommt nicht nur Behinderten zugute. Die ca. 200 Seiten des Friedrichsdorfer Webauftritts sind nach inhaltlichen Kriterien übersichtlich sortiert und in einem einfachen mehrstufigen Menü zugänglich gemacht. Sowohl bei der Strukturierung als auch beim Aufbau der Website wurde bewusst auf den übermäßigen Einsatz von weitergehenden Technologien und PlugIns (Javascript, Flash etc.)  verzichtet.

eingesetzte Techniken

Auf den Seiten des neuen Webauftritts wurden  als Technologien hauptsächlich "HTML 5" und "CSS Level 3"  eingesetzt. Da somit aktuelle Internettechniken eingesetzt wurden, sind die Webseiten außerdem nicht nur intern gut strukturiert, wodurch die Hilfsmittel für Behinderte effektiver arbeiten, die Webseiten werden auch schneller geladen, sind einfacher zu bedienen, leichter zu pflegen, besser auszudrucken und passen sich mit ihrem fließenden Design optimal an alle Bildschirmgrößen an (responsive Design). Durch die integrierte Schriftgrößen-Einstellung bzw. der Aktivierung eines kontrastreicheren CSS kann der Besucher leicht die passende Gestaltung wählen, die auch beim nächsten Besuch des Friedrichsdorfer Internetauftritts erhalten bleibt.
Leider sind die Webseiten allerdings für veraltete Webbrowser (Internet Explorer vor Version 9) nur noch eingeschränkt darstellbar.

Design

Im neuen Design  sind die Seiten einfacher zu bedienen, leichter zu pflegen und besser auszudrucken und passen sich optimal an alle Bildschirmgrößen, auch mobile Endgeräte wie Tablets oder Smartphones) an.
Durch die integrierte Schriftgrößen-Einstellung kann der Besucher leicht die passende Gestaltung wählen, die auch beim nächsten Besuch des Friedrichsdorfer Internetauftritts erhalten bleibt (insofern der Einsatz sogenannter Cookies erlaubt ist).

Trennung von Form und Inhalt

Bisher wurden das Aussehen und der Inhalt der Webseiten meist gemeinsam realisiert. Dadurch hatten Behinderten-Hilfsmittel, wie ein "Screenreader" zum Vorlesen der Webseite, oft große Schwierigkeiten, die Texte von der Formatierungsanweisung für die Darstellung auf dem Bildschirm zu trennen.

Erläuterungstexte für Bilder

Zu Fotos und Grafiken sind Alternativ-Texte mit Erläuterungen hinterlegt. So können auch blinde und sehbehinderte Besucher den gesamten Inhalt einer Webseite erfassen, auch wenn ihnen die Bilder selbst nicht zugänglich sind.

Schriftgrößen-Einstellung

Mit einem Bedienfeld lässt sich bei der Friedrichsdorfer Website die Schriftgröße individuell in 5%-Schritten einstellen. Wenn die Verwendung von "Cookies" erlaubt ist, bleibt diese Einstellung auf dem Computer bis zum nächsten Besuch der Friedrichsdorfer Webseiten erhalten.

Bedienung per Tastatur

Internetbenutzer, die wegen motorischer Behinderungen keine Computermaus bedienen können oder Nichtbehinderte, die einfach nur schnell zum Ziel kommen wollen, können die Friedrichsdorfer Internetseiten komplett mit der Tastatur bedienen. Mit speziellen Tastenkombinationen, die bei der barrierefreien Bedienung der Webseiten beschrieben sind, können die einzelnen Webseitenbereiche und die wichtigsten Webseiten sofort angewählt werden. Die Bedienerhilfe ist über den Menüpunkt Hilfe und die Tastenkombination Alt+H verfügbar.

Externe Hyperlinks

Eine Forderung des barrierefreien Webdesigns ist, dass sich neue Fenster nur nach Aufforderung durch den Benutzer öffnen, da Hilfsmittel für Behinderte oftmals daran scheitern.
Da es sich aber ansonsten als komfortabel erwiesen hat, dass externe Hyperlinks, die auf fremde Webseiten aus dem aktuellen Internetauftritt verweisen, in einem zusätzlichen Fenster dargestellt werden, wurde bei der neu gestalteten Friedrichsdorfer Website ein Kompromiss realisiert:
Jeder externe Link wird durch das Symbol Kennzeichnung externer linkvor dem Linktext gekennzeichnet, verlinkte Adobe-Acrobat-PDF-Dokumente sind durch ein Kennzeichnung pdf- Symbol gekennzeichnet. Beide Arten von externen Links öffnen das Dokument in einem neuen Browserfenster.

Hilfe zur Bedienung

Wenn Sie wissen möchten, welche Funktionen Sie ohne Einsatz der Maus nutzen können, so lesen Sie bitte unsere "Hilfe zur Bedienung".

Ausschluss

Leider konnten - im Interesse der Nichtbehinderten - nicht alle Funktionen vollständig barrierefrei erstellt werden. Es hätte auf Funktionalität verzichtet werden müssen. Nicht barrierefrei im Sinne der BITV sind einige externe Applikationen ("Sesampool") sowie einige wenige interne Seiten (z.B. "Shop"). Da diverse Inhalte von verschiedenen Redakteuren bearbeitet werden (z.B. "News") ist auch in solchen Bereichen die BITV nicht immer vollständig erfüllbar.
Wir bitten um Ihr Verständnis.

Zurück