Barrierefreies Webdesign als
Marketing-Vorsprung

Es gibt kein schlagendes Argument, auf Barrierefreiheit im Internet zu verzichten. Alle notwendigen Maßnahmen sind in jedem Fall sinnvoll. Korrekt müssten wir statt von Barrierefreiheit von "Barrierearmut" sprechen. Weil es nicht möglich ist, absolute Hilfestellung für jede Art der Beeinträchtigung zu bieten. Dennoch können wir viel tun. Besonders für sehbehinderte Menschen hält das Internet viele Barrieren bereit. Je nach Art der Augenerkrankung und individuellem Empfinden kommt es auf andere Dinge an. Manche User benötigen Vergrößerungssysteme, sind fehlsichtig oder blendempfindlich. Für manche reichen die Möglichkeiten normaler Webbrowser, in anderen Fällen kommen Screenreader, oder Ausgabegeräte wie ein Brailledisplay zum Einsatz. Aber auch Nutzer, die beispielsweise ihre Hände nicht benutzen können und auf eine Mundmaus angewiesen sind, kommen mit barrierefreien Websites viel besser zurecht. Weitere Zielgruppen, die von Barrierefreiheit profitieren, sind Menschen mit motorischer Behinderung, Menschen mit Lernschwierigkeiten, mit nicht-deutscher Erstsprache oder niedriger Schulbildung.

Ähnlich wie Suchmaschinenoptimierung oder nachhaltiges Webdesign ist barrierefreies Webdesign eine Querschnittmaterie aus verschiedenen Bereichen. Das World Wide Web Consortium W3C hat mit ihrer rechtlich nicht bindenden Richtlinie Web Content Accessibility Guidelines (WCAG) eine anerkannte Grundlage geschaffen.

Die vollständige Adaption einer Website an diese Richtlinie ist im Einzelfall gegebenenfalls nicht erforderlich oder möglich. Ziel ist es jedoch, im Rahmen der Zumutbarkeitsprüfung einen möglichst hohen Grad an barrierefreien Inhalten im Web zu erreichen.

Schon in der Designphase achtet unser UX- und Designteam auf die Vermeidung von Barrieren. Vor allem muss die Lesbarkeit optimiert werden. Dazu zählen deutlich erkennbare Texte und kontrastreiche Farben. Wichtig ist auch genügend Abstand zwischen Elementen, die auf Touch-Screens zu bedienen sind. Natürlich muss sich das Responsive Design an jede verfügbare Bildschirmgröße anpassen.

Auf technischer Seite bietet das für die Programmierung der Weboberfläche eingesetzte HTML alle Möglichkeiten. Beispielsweise den WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) Webstandard. Allerdings müssen manche Maßnahmen erst aktiv eingesetzt werden. Dies bedeutet etwas höheren Programmier- und Testaufwand. Eine der wichtigsten Vorgaben für barrierefreie Programmierung ist die Ermöglichung der Website-Bedienung durch Tastatur oder Joystick.

Nach Design und Technik muss auch die Redaktion die Barrierefreiheit im Hinterkopf behalten. Egal für welche Zielgruppe: Einfach und prägnant geschrieben Sätze sind immer besser als hochgestochene Schachtelsatzkonstruktionen. Die Ermittlung des Lesbarkeitsindex eines Textes hilft bei der Beurteilung. Zugängliche Texte sind leicht zu lesen, verständlich und gut strukturiert.

Auch beim Einsatz von Medien müssen redaktionelle Maßnahmen gesetzt werden: Bilder sind mit alternativen Texten zu hinterlegen, die den Bildinhalt gut beschreiben. Bei Videos sind zumindest Untertitel und in der höchsten Anforderungsstufe auch eine Audiodeskription notwendig. Natürlich jeweils in der Sprache der Website.

Die Grundzüge für barrierefreie Websites nach WCAG sind:

• Klare semantische Strukturierung des Dokuments mit Überschriften und Listen
• Bilder und Animationen werden durch das alt-Attribut (alternative text) beschrieben
• Layoutierung möglichst per CSS (Cascading Style Sheets) und nicht mittels Tabellen oder Bildern
• Für multimediale Angeboten existieren textliche Alternativen, Untertitel und Transkription für Audio und Audiodeskription für Video
• Diagramme werden im Text oder durch Verwendung des longdesc-Attributs (long description) beschrieben
• Frames besitzen aussagekräftige name-Attribute und das noframes-Element wird genutzt
• Tabellen sind möglichst Zeile für Zeile lesbar. Ihr Inhalt wird auch zusammengefasst beschrieben.
• Bei Bildnavigation die Verwendung benutzerseitiger Imagemaps
• Skripte sind barrierefrei oder es existieren barrierefreie Alternativen

Dabei gliedern die WCAG-Guidelines die Anforderungen nach den vier Prinzipien Wahrnehmbarkeit, Bedienbarkeit, Verständlichkeit und Robustheit, in 13 Richtlinien. Es gibt drei verschiedene Prioritäten (A, AA, AAA), wobei A der geringsten und AAA der höchsten Konformitätsstufe entspricht. Die meisten barrierefreien Websites orientieren sich am Konformitätslevel AA.

Alternativ bietet die deutsche Barrierefreie-Informationstechnik-Verordnung (BITV) eine eigene Prüfliste. Für eine schnelle Erstüberprüfung Ihrer Website eignet sich der IDI Web Accessibility Checker.

Wer die eigene Website mit einem Screenreader testen will, kann beispielsweise den kostenfreien Screenreader NVDA oder den lizenzpflichtigen JAWS einsetzen. Es ist spannend zu hören, wie die Textausgabe in Sprache umgesetzt wird. Zusätzlich können die Inhalte auch per Braillezeile ausgegeben werden.