Knowhow und Wissenswertes zu barrierefreiem Webdesign

Einführung

Barrierefreies Webdesign umfasst weitaus mehr als die technische Zugänglichkeit. In den Web Content Accessibility Guidelines (WCAG) 2.0 — die Webstandards für ein barrierefreies Web — wird über die Zugänglichkeit hinaus insbesondere die Nutzbarkeit von Webseiten und -anwendungen für Menschen mit Behinderungen in den Mittelpunkt gestellt.

Barrierefreiheit betrifft sämtliche Bereiche des Webdesigns. Der Einstieg in die Thematik ist also keinesfalls trivial, denn es müssen verschiedene Disziplinen an einem gemeinsamen Ziel arbeiten, um zugängliche und nutzbare Webseiten zu produzieren.

In der Rubrik Intern: Einführung finden Sie die folgenden Beiträge:

Webstandards

Zahlreiche Techniken ermöglichen heute die Entwicklung komplexer und interaktiver Webanwendungen. Webentwickler bauen Websites und lassen ihre Ergebnisse validieren — soweit so gut. Dennoch können technisch korrekt gebaute Webseiten nicht barrierefrei sein, denn neben den Webstandards für HTML und Co. gibt es auch andere Webstandards wie ARIA, die aus manchem Code erst was Sinnvolles macht. Es ist deshalb sinnvoll, wenn die Barrierefreiheit von Webseiten von Experten und Nutzern getestet werden. Noch besser ist es, wenn die Entwicklung barrierefreier Webseiten und -anwendungen selbstverständlich sein würde.

In der Rubrik Intern: Webstandards finden Sie die folgenden Beiträge:

Rich Media

Rich Media bezeichnet Inhalte, die durch Video, Audio oder Interaktion angereichert werden. Rich Media ist ein starkes Mittel, um Inhalte attraktiver zu ergänzen oder überhaupt zu vermitteln:

Dieser Beitrag zeigt u.a. die zu erfüllenden Anforderungen in Abhängigkeit der angestrebten Konformitätsstufe der WCAG 2.0.

In der Rubrik Intern: Rich Media finden Sie die folgenden Beiträge:

Störfaktoren

Manche Webtechniken können Störfaktoren beim Lesen oder Wahrnehmen sein. Insbesondere solche Störfaktoren, die potenziell die Nutzung durch bestimmte Personen ausschließen können, müssen unbedingt vermieden werden, um Barrierefreiheit auf minimalster Ebene erreichen zu können.

Es gibt aber auch weitere Techniken, die ihrem Wesen nach zu vermeiden sind bzw. besondere Beachtung erfordern.

In der Rubrik Intern: Störfaktoren finden Sie die folgenden Beiträge:

Nutzerführung

Die Nutzerführung ist durchaus ein weites Feld und oft abhängig von einzelnen Aufgaben und Prozessen. Vor dem Hintergrund der Barrierefreiheit gibt es ebenso viele Aspekte, die es in Navigationskonzepten zu beachten gilt.

Die Spannweite der Anforderungen reicht vom Anbieten von mindestens zwei Zugangspfaden über die Kennzeichnung der aktuellen Position bis hin zum Wortlaut von Linktexten. Natürlich darf dabei die Geräteunabhängigkeit nicht vernachlässigt werden.

Im Web ist aber vor allem darauf zu achten, dass Tastaturnutzer innerhalb einzelner Seiten effizient navigieren können.

In der Rubrik Intern: Nutzerführung finden Sie die folgenden Beiträge:

Alternative Versionen

Je nach Behinderung oder technischer Aufbereitung von Inhalten können alternative Versionen der Inhalte die Barrierefreiheit fördern. Ich beschreibe in dieser Rubrik Möglichkeiten und Grenzen zur Erstellung alternativer Inhaltsversionen und gehe besonders auf den Mythos "Textversion" ein.

In der Rubrik Intern: Alternative Versionen finden Sie die folgenden Beiträge:

Verständliche Inhalte

Bereits in der Web Content Accessibility Guidelines 1.0 aus dem Jahr 1999 wurde deutlich, welche Schwierigkeiten es gab, die Verständlichkeit als Anforderung der Barrierefreiheit zu formulieren, hieß es doch, Inhalte müssen möglichst klar und einfach formuliert werden. Diese Anforderung ist in der WCAG 2.0 "nur" noch eine Technik — die Erfolgskriterien zur Barrierefreiheit werden heute so formuliert, dass sie technisch überprüfbar sind.

Die Verständlichkeit wird in der WCAG 2.0 mit Anforderungen aus dem Bildungswesen gekoppelt.

In der Rubrik Intern: Verständliche Inhalte finden Sie die folgenden Beiträge:

Redaktionsbilder

Bilder machen ein Webangebot ansprechender und interessanter, z.B. eine Illustration, eine Fotoserie oder dekorative Elemente. Bilder illustrieren und dekorieren und sind ein wichtiges Mittel, Inhalte verständlicher und zugänglicher zu machen. Die Frage nach dem passenden Alternativtext kann meist nicht leicht beantwortet werden, da es insbesondere auf den Kontext des Bildes ankommt. Wichtig ist u.a. der Informationsgehalt des Bildes: Werden Informationen vermittelt und, wenn ja, welche der zahlreichen Möglichkeiten der Beschreibung ist sinnvoll? Es ist aber nicht nur eine redaktionelle Aufgabe, Alternativtexte zu wählen; Redaktionssysteme müssen die entsprechenden Optionen zur Verfügung stellen und in Templates müssen Grafiken ebenso auf Informationsgehalt überprüft werden.

Im Moment biete ich keine Beiträge in dieser Rubrik an.

Zugänglichkeit von Inhalten

Die redaktionelle Arbeit im Web kann sich nicht alleine auf (verständliche) Inhalte oder die Wahl passender Alternativtexte für Bilder beschränken. Einige Aspekte der WCAG20 verlangen HTML-Kenntnisse von Redakteuren ab.

Im Idealfall bieten Redaktionssysteme alle erforderlichen Werkzeuge, die zur barrierefreien Verarbeitung von Texten notwendig sind. Diese Anforderungen sind Vielfältig und werden in den Authoring Tool Accessibility Guidelines des W3C beschrieben. Viele Aspekte lassen sich durch die Wahl passender Autorensysteme automatisieren. Dennoch: bei Datentabellen sowie bei der Behandlung von Sprachwechseln und Abkürzungen ist eine technische Überprüfung durch Redakteure meist unumgänglich.

In der Rubrik Intern: Zugänglichkeit von Inhalten finden Sie die folgenden Beiträge:

Portable Document Format

Das Portable Document Format (PDF) von Adobe ist ein wichtiges Format im Web. Obwohl dieses Format nicht als Webstandard entwickelt wurde, hat es sich sehr früh etabliert und ist ein de-facto-Standard z.B. für Downloads. Die barrierefreie Gestaltung von PDF war nicht von Anfang an möglich und ist bis heute nicht überall im Workflow zu integrieren, d.h. in vielen Anwendungen kann Barrierefreiheit vorbereitet werden und der PDF-Export liefert akzeptable Ergebnisse, aber bei der Erzeugung von PDF in manchen anderen Anwendungen muss die Barrierefreiheit nachträglich eingearbeitet werden.

Weil PDF bzw. die ursprünglichen Dokumente sehr unterschiedlich sind — die Qualität reicht von gut strukturierten Dokumenten bis zu eingescannten Dokumenten — ist die Qualität der PDF ebenso unterschiedlich. Vor welchen Herausforderungen insbesondere blinde Nutzer beim Öffnen eines PDF-Dokuments stehen können und welche Handlungen teilweise erforderlich sind, beschreibt Oliver Nadig in einem ausführlichen Tutorium für Screenreadernutzer.

In der Rubrik Intern: Portable Document Format finden Sie die folgenden Beiträge:

Geräteunabhängigkeit

Die Bedienung von Webseiten mit der Tastatur stellt manche Nutzer vor eine Herausforderung. Der lineare Zugang zu Inhalten kann in dynamischen Anwendungen oder komplexen Layouts dazu führen, dass solche Inhalte nicht barrierefrei sind. HTML selbst bietet hierfür kaum Möglichkeiten, die Nutzbarkeit für Tastaturnutzer zu verbessern.

In der Rubrik Intern: Geräteunabhängigkeit finden Sie die folgenden Beiträge:

Formulare

In der vielfältigen Interaktion zwischen Nutzer und Webseite spielen Formulare eine zentrale Rolle. Die standardisierten Steuerelemente eines Formulars bieten eine grundsätzliche Zugänglichkeit, müssen aber durch Beschriftungen, Strukturen und eine korrekte Reihenfolge nutzbar gemacht werden. Darüber hinaus müssen Fehlermeldungen ausreichend berücksichtigt und für alle zugänglich umgesetzt werden. Schließlich darf es nicht zu Kontextänderungen für Tastaturnutzer kommen.

In der Rubrik Intern: Formulare finden Sie die folgenden Beiträge:

Widgets

Diverse dynamische Komponenten auf Webseiten sind nur dann zugänglich und nutzbar, wenn Sie mit ARIA-Attributen ergänzt werden. Erst mit diesen Attributen können Browser Informationen korrekt an Hilfsmittel wie Screenreader und Vergrößerungssysteme übertragen.

In der Rubrik Intern: Widgets finden Sie die folgenden Beiträge:

Flexible Darstellung

Die Flexibilität der Darstellung umfasst insbesondere die Textvergrößerung für die Bildschirmdarstellung. Sie kann auf den Seitenzoom des Browsers reduziert werden, aber Best-Practice geht darüber hinaus und berücksichtigt u.a. die reine Schriftvergrößerung und ein flüssiges Layout.

Zur optimalen Darstellung gehören auch einige typografische Aspekte, die die Leserlichkeit fördern.

In der Rubrik Intern: Flexible Darstellung finden Sie die folgenden Beiträge:

Screendesign

Ein großes Spektrum unterschiedlichster Augenerkrankungen erfordert es, dass Screendesigner mehrerer Kriterien zur erfolgreichen Erstellung barrierefreier Webseiten berücksichtigen müssen. Ebenso müssen die Bedürfnisse von Tastaturnutzern beachtet werden.

In der Rubrik Intern: Screendesign finden Sie die folgenden Beiträge: