Barrierefreiheit

transcript

infopark

Barrierefreiheit

Thomas Witt<thomas.witt@infopark.de>

2005-11-04

Barrierefreiheit

Warum?

Darum!

Warum?

Darum!

Und visuell ist noch Luxus …

Barrierefreiheit = Behindertengerecht?

Barrierefreiheit bedeutet nicht nur behindertengerechter Zugang

Wie einige die Welt sehen …

Die Realität

Endgeräte: PC

Endgeräte: Laptop & Tablet-PC

Endgeräte: Textbrowser

Endgeräte: Braille-Zeile

Endgeräte: Media Center & SetTop-Box

Endgeräte: PDA

Endgeräte: Handies & Smartphones

Endgeräte: Portable Media Player

Endgeräte: Autos

Endgeräte: Kiosk / Touchscreen

Endgeräte: Kühlschrank

Barrierefreiheit = Behindertengerecht?

Barrierefreiheit bedeutet vor allem endgeräteunabhängigen

Zugang

Und nun?

Wie erreiche ich Barrierefreiheit?

Die landläufige Meinung …

“Da ein barrierefreies Design in den meisten Fällen bedeutet, Abstriche bei der grafischen

Wirkung der Site machen zu müssen, empfiehlt es sich, zwei Versionen einer

Webseite anzubieten: eine allgemeine und eine barrierefreie.

- Internet Professionell 07/2003

… ist

unqualifiziert und falsch.

Voraussetzungen

XHTML / CSS

Zukunftsorientierte Technologie

Vorteile • Dezidierte Text- bzw. barrierefreie Version nicht nötig

- zwei Versionen sind per definitionem NICHT barrierefrei!• Trennung der Ausgabeformatierung und des Inhalts• Aufbau der XHTML-Seite unabhängig von der Darstellung• Spezielle Formatierungen für verschiedene Ausgabegeräte

Nachteile• Nur neuere Browser können CSS korrekt darstellen• Unterschiede in der Implementierung / Darstellung• Schlechteste CSS-Darstellung: Internet Explorer

Automatischer Barrierefreiheit-Check?

Nicht vollständig automatisiert prüfbar!

Vergleich

Ohne XHTML / CSS

Mit XHTML / CSS

Und das soll ansprechend aussehen?

Ich will sehen?

Welcome to csszengarden.com

OK. Aber …

Ist das nicht viel Aufwand für wenig Nutzen?

Einige Zahlen …

Der Online-Anteil der Gesamtbevölkerung beträgt 55%

In Deutschland …• leben über acht Millionen Menschen mit Behinderung• sind mehr als 500.000 Menschen sehbehindert• leiden knapp 10% der Männer an einer Rot-Grün-Schwäche

50% der über über 10 Millionen 50-jährigen nutzen das Internet

Über 80% aller Blinden nutzen das Internet• 50% derer bezeichnen sich als erfahrene Nutzer

Aber …• Nur 3,9% der deutschen Web-Seiten sind standardkonform• Über 50% der gesuchten Informationen werden aufgrund

Rechtliches

Das Verbot der Diskriminierung Behinderter ist seit 1994 Bestandteil der Grundrechte des Grundgesetzes der BRD.

Details im Behindertengleichstellungsgesetz, ergänzt durch die “Verordnung zur Schaffung barrierefreier Informationstechnik nach dem Behindertengleichstellungsgesetz“ (BITV)• Bundesbehörden sind verpflichtet, ihre Web-Angebote

barrierefrei zu gestalten• Die Behörden der Bundesländer werden dieser Pflicht in

absehbarer Zeit ebenfalls unterliegen• Die Spitzenverbände der Wirtschaft verhandeln mit den

Interessenvertretungen der Behinderten über Freiwilligkeitsvereinbarungen

In den USA gibt es vergleichbare Gesetze (“Section 508”)

Vorschriften und StandardsBestimmungen der BITV basieren auf den ”Web Content Accessibility Guidelines” (WCAG) des W3C

Drei Prioritätsstufen• A / AA / AAA

BITV-Vorschrift• Alle Anforderungen der Prioritäten A und AA der WCAG sind

von sämtlichen Bereichen der betroffenen Webangebote zu erfüllen• Zentrale Navigations- und Einstiegsangebote müssen

zusätzlich die Anforderungen der Priorität AAA erfüllen

Tips zur Barrierefreiheit

XHTML / CSS nutzen• Keine Tabellenlayouts, keine Frames• Anordnung der Navigation für Screenreader• Tab-Reihenfolge

Alternativtexte für Nicht-Text-Elemente• Bilder• Links

Nutzung von <link>-Tags• Einfachere Navigation

Nichtverwenden bestimmter Tags und Attribute• Blink• Farbkombinationen

Infopark CMS hilft!XHTML / CSS nutzen• Validator über Wizard/CustomCommand einbindbar• CSS auch im WYSIWYG-Editor nutzbar

Alternativtexte für Nicht-Text-Elemente• Werden automatisch erzeugt

Nutzung von <link>-Tags• Werden automatisch erzeugt

Nichtverwenden bestimmter Tags und Attribute• Kann gefiltert werden

Einbinden von weiteren Checks• über NPS-Callbacks möglich

Usability und SuchmaschinenDie Grundsätze zur Suchmaschinenoptimierung stimmen mit den Grundsätzen der Barrierefreiheit überein, z. B.:• Vermeiden von Frames• Vermeiden von Flash, JavaScript, etc. als einzige Navigation• Logische URL- und Link-Struktur mit Klarnamen• Valides (X)HTML• Geringe Ladezeiten

Wer seine Seiten so gestaltet, dass blinde Nutzer sie problemlos lesen können, erledigt dabei einen großen und wichtigen Teil der Suchmaschinenoptimierung gleich mit. Denn Web-Seiten, die für Blinde zugänglich sind, sind es auch für Suchmaschinen.

Die Optimierung von Web-Sites hinsichtlich barrierefreien Designs erleichtert die Nutzung eines Web-Angebots nicht nur

"Barrierefreie Webgestaltung ist schon lange kein Thema mehr aus der Betroffenheitsecke.

Im Gegenteil: Zugänglichkeit für alle Nutzer bedeutet in aller Regel auch

Zukunftsfähigkeit.“ Iris Cornelssen

Projektleiterin für den Biene-Wettbewerbbei der Aktion Mensch

Vielen Dank für Ihre Aufmerksamkeit!http://www.infopark.de/• Whitepaper Barrierefreiheit

http://www.w3.org/WAI/• W3C-Homepage

http://www.einfach-fuer-alle.de/• Deutsche Site zum Thema Barrierefreiheit

http://bobby.watchfire.com/• Halbautomatisierter Site-Check

http://colorfilter.wickline.org/• Seiten mit der Sicht einer Farbsehschwäche

Barrierefreiheit

Technology