Barrierefreiheit im Überblick veröffentlicht in 2007

Sieben Säulen des barrierefreien Webdesigns

Barrierefreiheit kann zahlreiche unterschiedliche Szenarien umfassen. Wie sollen Webentwickler oder Screendesigner, die womöglich zum ersten Mal vor den Anforderungen der Barrierefreiheit stehen, dennoch einen barrierefreien Auftritt für eine möglichst große Zielgruppe schaffen?

Es ist verständlich, dass Designer und Entwickler nach Checklisten verlangen. Checklisten können jedoch nur eingeschränkt zur Bewertung der Barrierefreiheit genutzt werden und decken kontextabhängige Aspekte nur teilweise ab. Ein Problem ist, dass die vielfältigen Arbeitsweisen behinderter Nutzer in solchen Listen kaum berücksichtigt werden können.

Im Folgenden werden sieben Säulen der Barrierefreiheit vorgestellt. Mit dem Verständnis dieser Themenkomplexe sind zumindest die groben Anforderungen der Barrierefreiheit umsetzbar. Die zugehörigen Fragestellungen reichen aber mit Sicherheit nicht aus, um die Barrierefreiheit eines Webangebots abschließend zu beurteilen.

Textorientierung

Webseiten werden nicht nur in grafischen Browsern dargestellt. Wenn z.B. ein Screenreader eingesetzt wird, sind grafische Inhalte ohne geeignete Textalternativen nicht verständlich. Gleiches gilt für Multimedia, wenngleich die Textorientierung in Videos und Flash-Anwendungen etwas komplexer ist als bei Grafiken: Neben Alternativtexten für grafische Inhalte und Objekte müssen Aspekte der Dynamik beachtet werden.

Folgende Fragen müssen beantwortet werden, um die Anforderungen der Textorientierung zu erfüllen:

• Wenn Grafiken ausgeschaltet werden, kann die Seite dann im gleichen Umfang genutzt werden wie bei eingeschalteten Bildern?
• Wenn Multimedia eingesetzt wird, gibt es Beschreibungen der visuellen Inhalte und Textabschriften der auditiven Inhalte? Sind diese ggf. auch mit den multimedialen Inhalten synchronisiert?

Gerade die Erstellung alternativer Inhalte für Multimediaformate kann komplex werden. Auch geht es hier nicht alleine um Nutzer, die den Inhalt nicht sehen können, sondern auch um gehörlose Nutzer, die z.B. die Inhalte von Podcasts nicht nutzen können und auf Textalternativen angewiesen sind.

Kontraste und Farben

Die Wahrnehmung am Bildschirm kann durch ein vermindertes Sehvermögen stark beeinträchtigt sein. Bei diesem Themenkomplex sind folgende Fragen relevant:

• Wenn in einem beliebigen Browser ein eigenes Farbschema eingestellt wird, sind alle Informationen einschließlich Highlighting, Warnungen und andere Hervorhebungen gut erkennbar?
• Genügen alle Farbkombinationen den Anforderungen an ausreichende Kontrastverhältnisse?

Skalierbarkeit

Ist ein Nutzer auf stark vergrößerte Schriften angewiesen, so wird er ein Vergrößerungssystem einsetzen. Wenn jedoch "nur" eine etwas größere Schrift gewünscht ist, dann benötigt er skalierbare Schriften mit anpassbarem Layout.

Die Zoomfunktionen der Browser allein sind nicht immer ausreichend. Vielmehr sind folgende Kriterien zu erfüllen:

• Können die Nutzer die voreingestellte Schriftgröße aller Texte, einschließlich Texten in Eingabefeldern, verändern?
• Ist bei geringer Bildschirmauflösung und/oder vergrößertem Text jeder Textblock ohne horizontales Scrollen lesbar?
• Handelt es sich um ein flexibles Layout, das sich bei Kombinationen von Schriftvergrößerung und geringeren Bildschirmauflösungen anpasst?

Linearisierbarkeit

Am Bildschirm sind Kopfzeile, Navigation und Inhalt meist klar durch Position, Farbe und andere Gestaltungsmerkmale unterscheidbar, in linearer Software wie einer Sprachausgabe wird der komplette Inhalt jedoch sequenziell aufbereitet. Wenn also im Quelltext der Text erst nach einer Kopfzeile und einer umfangreichen Navigation im Quellcode steht, dann werden sie bei linearer Nutzung erst zum Schluss ausgelesen. Diesem Problem entgegnen Screenreader, Vergrößerungssysteme, Browser und andere Hilfsmittel durch erweiterte Funktionen zum Springen innerhalb einer Seite und ermöglichen dadurch eine strukturelle Navigation mit der Tastatur.

Obwohl ein strukturierter Seitenaufbau mit Überschriften, Listen und Absätzen Voraussetzung einer barrierefreien Nutzung ist, muss auch die Reihenfolge der Inhalte in sich schlüssig sein. Deshalb müssen die folgenden beiden Fragen positiv beantwortet werden:

• Ist bei ausgeschaltetem Layout (CSS und Tabellen) jede Seite genauso nachvollziehbar wie bei eingeschaltetem Layout?
• Steht eine strukturelle Navigation, vor allem bei umfangreicheren Seiten, zur Verfügung, damit einzelne Seitenbereiche gezielt angesteuert werden können?

Geräteunabhängigkeit und Dynamik

Die Geräteunabhängigkeit ist ein Hauptziel der Barrierefreiheit. Eng verknüpft mit der Linearisierbarkeit spielt dabei die Bedienbarkeit des Webangebots mit der Tastatur eine wichtige Rolle. Kritisch sind in diesem Zusammenhang vor allem dynamische Skripte und andere clientseitige Anwendungen.

Auch wenn die Barrierefreiheit von JavaScript-Anwendungen ein Fass ohne Boden werden kann, muss man zumindest die folgenden Fragen mit "Ja" beantworten können:

• Ist mit der Tastatur eine gleichwertige Bedienung des Inhalts wie mit der Maus möglich?
• Können bei dynamischen Veränderungen z.B. durch JavaScript auch die neuen Inhalte mit der Tastatur angesteuert werden?
• Ist die Seite ohne JavaScript zugänglich und vollständig nutzbar und sind die Inhalte, die mit JavaScript in die Seite geladen werden, ebenfalls barrierefrei?
• Sind alle Inhalte, die nicht nativ im Browser dargestellt werden, wie Flash, Java-Applets, aber auch PDF, ebenfalls barrierefrei?

Verständlichkeit, Navigation und Orientierung

Barrierefreiheit umfasst viele Aspekte der Verständlichkeit, Navigation und Orientierung und zwar aus der Sichtweise verschiedener Nutzergruppen. Für einen ersten Eindruck sind folgende Fragen hilfreich:

• Sind Navigationsleisten vorhanden und sind sie schlüssig und konsistent?
• Werden vor allem auf größeren Webangeboten Orientierungshilfen wie eine Hilfe oder eine Übersicht angeboten?
• Sind die Texte im Hauptinhaltsbereich und der Navigation allgemein verständlich?
• Werden für Suchfunktionen auch phonetische Suchanfragen bearbeitet und gibt es Fehlerkorrekturen bei Formulareingaben?
• Ist die Sprache des Inhalts richtig angegeben, damit Sprachausgaben sie korrekt vorlesen können?

Außerdem muss die Frage nach der Bereitstellung von Inhalten in Leichter Sprache und Gebärdensprache gestellt werden. Diese Anforderung ergibt sich aus der Definition der Barrierefreiheit.

Strukturierte Inhalte

Der korrekte Einsatz von HTML-Strukturelementen fördert die Nutzbarkeit vor allem in linearen Medien, da sie ein strukturelles Navigieren ermöglichen. Zudem müssen komplexere HTML-Konstrukte wie Tabellen, Formulare oder auch Listen korrekt ausgezeichnet werden, um mit Screenreadern sinnvoll interpretiert werden zu können. Deswegen sollten zusätzlich zu den unter "Linearisierbarkeit" aufgeführten Fragen noch die folgenden gestellt werden:

• Wurde die Semantik in HTML für Überschriften, Absätze, Listen usw. durchgängig für alle Inhalte beachtet?
• Haben alle Formularelemente geeignete Beschriftungen?
• Sind Überschriften in Datentabellen korrekt mit den Datenzellen verknüpft?

Die sinnvolle Strukturierung der Inhalte ist die Grundlage für die Trennung von Inhalt (HTML), Präsentation (CSS) und Verhalten (JavaScript bzw. DOM-Scripting). Diese Trennung der verschiedenen Ebenen ist wiederum Basis für die Standardkonformität eines Webangebots und ein nachweisbares Qualitätsmerkmal der Barrierefreiheit.