"Barrierefreie Websites" vom 08.02.2007

„Auf dem Weg zu barrierefreien Webseiten –
Eine Einführung in das Thema
Gestaltung barrierefreier Webseiten“
08.02.2007 Martin Rogge
© Bundesweites Kompetenz- und Referenzzentrum barrierefrei kommunizieren!
Was bedeutet Barrierefreiheit?
„Barrierefreiheit bedeutet nicht, dass jeder
Mensch einen Apfel pflücken darf, aber dass die
Menschen, die zu klein dafür sind, eine Leiter
bekommen“ (Quelle: Reinhard Turre).
Warum Barrierefreiheit ?
In Europa leben 37 Millionen
Menschen mit Behinderungen, 8% in Deutschland
(von Geburt an, durch Unfall oder Krankheit).
Welche Behinderungen gibt es?
– Sinnesbehinderungen (Blindheit,
Sehbehinderung, Gehörlosigkeit,
Schwerhörigkeit)
– Motorische Behinderungen
– Psychische Behinderungen
– Geistig und intellektuelle Behinderungen
– Lernbehinderungen
Computer- und Internetanwendungen
•
•
•
•
•
Einkaufen
Online - Banking
weltweite Informationsrecherche
online Lernen
Fahrkarten und Ticketbestellung für Bahn, Flugzeug,
Theater etc.
• Kommunikation über e-Mail, Chat, Newsgroups etc.
• Stellenangebote und Bewerbungen online
Gesetzliche Grundlagen
Im Behindertengleichstellungsgesetz ist es in § 4
eindeutig formuliert:
„Barrierefrei sind bauliche und sonstige Anlagen, Verkehrsmittel,
technische Gebrauchsgegenstände, Systeme der
Informationsverarbeitung, akustische und visuelle
Informationsquellen und Kommunikationseinrichtungen sowie
andere gestaltete Lebensbereiche, wenn sie für behinderte
Menschen in der allgemein üblichen Weise, ohne besondere
Erschwernis und grundsätzlich ohne fremde Hilfe zugänglich und
nutzbar sind.“
§ 4 der Barrierefreien
Informationstechnik-Verordnung BITV
Umsetzungsfristen für die Standards
•
Spätestens bis zum 31. Dezember 2005 sollten alle Zugangspfade zu
den genannten Angeboten die Anforderungen und Bedingungen der
Priorität I der Anlage dieser Verordnung erfüllen.
•
Angebote, die vor Inkrafttreten dieser Verordnung im Internet oder im
Intranet (§ 1 Nr. 2) veröffentlich wurden, sind bis zum 31. Dezember
2003 gemäß § 3 dieser Verordnung zu gestalten, wenn diese Angebote
sich speziell an behinderte Menschen im Sinne des § 3 des
Behindertengleichstellungsgesetzes.
These:
Barrierefreier Zugang zu Computer- und
Internetanwendungen setzt die Verfügbarkeit
und Nutzung von vorhandener
behinderungskompensierender Hard- und
Software voraus.
Beispiele für behinderungskompensierende
Techniken und Technologien
Lynx
Textbrowser
Dragon
Spracherken
nungssoftwa
re
Augensteuerung
ergonomische Tastatur
Brailino
Braillezeile
IntegraMouse
Broschüre und die Datenbank
www.barrierefrei-kommunizieren.de
Was sind barrierefreie Webseiten ?
Vorteile barrierefrei gestaltete Webseiten
• Schnelleres Laden der Seiten (Modem)
• Optimiert für Suchmaschinen
• Qualität und Nachhaltigkeit (optimiert für
alle Monitor - Auflösungen, automatische
Druckfunktion)
• Kostenersparnis
• Imagegewinn,
• usw.
Daraus ergibt sich:
barrierefrei programmierte Webseiten erreichen
mehr potentielle Nutzer (Kunden):
• Menschen mit und ohne Behinderungen
• Mac- und Linux-User, die andere Browser einsetzen
• Nutzer mit mobilen Endgeräten
• Senioren (15 Millionen sind über 55 Jahre)
• Menschen mit vorübergehendem Handicap, (z.B. in
Gips liegende Hand)
• Legastheniker
Schnelltest
• Sind alle Bilder mit einem Alternativ-Text versehen?
• Werden kurze und verständliche Sätze verwendet ?
• Sind alle Unterseiten, Kontakt, usw. ohne Umwege zu erreichen ?
• Wie sieht die Webseite in einem Textbrowser aus? (http://lynx.org)
• Können die Inhalte Ihrer Webseite auch im weiß-schwarz Kontrast
gelesen werden ?
• Ist die Schriftgröße anpassbar?
• http://www.barrierefrei-kommunizieren.de/webdesign/
Tipps für die Umsetzung
• Informieren Sie sich vor der Erstellung mit dem Thema
auseinander (eine spätere barrierefreie Umgestaltung
ist wesentlich aufwendiger)
• Lassen Sie sich von der Internetagentur Ihrer Wahl
Referenzen zeigen, die barrierefrei gestaltet sind
• Eine Software, mit der man barrierefreie Webseiten
erstellen kann, gibt es nicht. Daher ist bei der Erstellung
Handarbeit gefragt.
Einige ausgewählte
Empfehlungen zur Gestaltung
barrierefreier Webseiten
Alternativtexte für Bilder
Alttext:
Teilnehmer eines Workshops testen
behinderungskompensierende Techniken
Links müssen verständlich erklärt werden
Kontrast zwischen Hintergrund
und Schrift
Schrift und Hintergrund sollten sich durch
einen möglichst starken farblichen
Kontrast unterscheiden und auch in einer
Schwarz-Weiß-Darstellung erkennbar
sein.
Schlecht gewählte Kontraste
Die grüne Schrift auf rotem
Hintergrund kann von Rot–GrünBlinden nicht gelesen werden.
Bei dieser Farbkombination kann der
Text von keinem Nutzer gelesen
werden.
Gut gewählte Kontraste
Diese Farbkombinationen sind gut
gewählt, da sich die Schrift klar vom
Hintergrund abhebt und die häufigsten
Farbfehlsichtigkeiten Berücksichtigung
finden.
Einfache Sprache
Für Gehörlose, Schwerhörige und Taubstumme kann
es sehr hilfreich sein, wenn die Inhalte einer Website
in kurzen und einfach strukturierten Texten dargestellt
werden.
Als zusätzliche Option bietet sich auch die Darstellung
von Texten als Gebärdenvideo (alternativ Lautsprache
begleitende Gebärde) an.
Beispiel für die Verwendung von
einfacher Sprache
Gesetzestext (Standard):
Gesetzestext in einfacher Sprache:
Der §11 des
Behindertengleichstellungsgesetzes regelt,
dass Träger öffentlicher Gewalt, die
Aufgaben des Bundes ausführen, ihre
Internetauftritte und -angebote sowie die von
ihnen zur Verfügung gestellten grafischen
Programmoberflächen, die mit Mitteln der
Informationstechnik dargestellt werden,
technisch so gestalten müssen, dass sie von
behinderten Menschen grundsätzlich
uneingeschränkt genutzt werden können.
Ämter und Behörden des Bundes
müssen ihre Internetseiten und
Computerprogramme so gestalten,
dass sie von behinderten Menschen
gut genutzt werden können. Das
heißt: Die Internetseiten des Bundes
müssen behindertengerecht sein.
Das steht in Paragraph 11 des
Behindertengleichstellungsgesetzes.
Navigation
Die Navigation sollte einfach bedienbar
sein und sich immer an derselben Stelle
befinden.
Beispiel für eine unübersichtliche
Navigationsstruktur
Auf dieser Webseite wird
der Besucher mit einer
Informationsflut
überfrachtet.
Unterschiedliche
Navigationen und
Werbefenster werden
miteinander vermischt. Hier
gezielt Informationen zu
finden ist fast unmöglich.
Beispiel für eine übersichtliche, gut
strukturierte Navigation
Die
Hauptnavigation
ist deutlich
hervorgehoben
Die Werbung
wird an
einem
markanten
aber vom
Inhalt deutlich
getrennten
Platz
angeboten
Aktuelle News befinden sich zentriert
Variable Schriftgrößen
Die Schriftgrößen auf einer Webseite
sollten nicht absolut (in pt), sondern
relativ (in „%“ oder „em“) angegeben
werden.
Beispiel für die Schriftvergrößerung
Struktur der Texte einer Webseite
Texte sollten inhaltlich strukturiert und
mit Hilfe von Absätzen und Auflistungen
in übersichtliche Leseeinheiten unterteilt
werden.
Schlechte Strukturierung eines Textes
GRAMMY-VERLEIHUNG
Weiße Rocker trumpfen auf
Überraschung bei den Grammys: Nicht die hochfavorisierten R&B-Künstler Kanye West und Mariah
Carey dominierten die 48. Verleihung der US-Musikpreise, sondern die irische Rockband U2 und die
Popsängerin Kelly Clarkson.
Los Angeles - Ist die Dominanz der "black music" bei den wichtigsten Pop-Preisen der USA damit erst
einmal gebrochen? Vermutlich nicht, aber einen Dämpfer für die erfolgsverwöhnten Stars der Branche
gab es gestern Abend in Los Angeles allemal: Die irische Rockgruppe U2 erhielt den wichtigsten
Grammy für ihr Album "How To Dismantle An Atomic Bomb". Die Entscheidung der GrammyAkademie gilt als Überraschung, denn die meisten Experten hatten im Vorwege die R&B-Diva Mariah
Carey als Favoritin für diesen Preis auf der Rechnung, wenn nicht gar den Rapper Kanye West. Die
acht Mal nominierte Carey gewann zwar drei Grammys, aber alle in eher zweitrangigen Kategorien.
Carey bekam von U2-Sänger Bono aufmunternde Worte mit auf den Weg: "Du singst wie ein Engel.“
So ging der Grammy für die beste Popsängerin an Kelly Clarkson, Gewinnerin der ersten Staffel von
"American Idol", der US-Variante von "Deutschland sucht den Superstar". Mit "Breakaway" sicherte
sich Clarkson auch den Grammy für das beste Popalbum. "Ich danke Jesus, Gott und allen, die mir
geholfen haben", sagte sie. Für Carey, die mit ihrem Album "The Emancipation of Mimi" im
vergangenen Jahr ein beeindruckendes Comeback in den Charts feierte, ist es schon die zweite Schlappe,
nachdem sie kürzlich bei den American Music Awards ebenfalls fast leer ausging.
Dieser Text ist weder durch Absätze unterteilt, noch ist die
Textlänge dem Medium Internet angepasst. Der Nutzer wird
kaum Lust haben, diesen Artikel zu lesen.
Beispiel für eine übersichtliche
Textgliederung (Zeilenlänge)
Ideal ist eine Textbreite zwischen
26 und 70 Zeichen.
Der Text ist das gut lesbar, wenn
er in der Breite nicht zu weit über
den Bildschirmrand läuft, aber
auch nicht zu kurz gehalten wird.
Sind die Zeilen zu lang, findet das
Auge nur schlecht den Anfang der
Zeile.
Beispiele für barrierefreie Webseiten
http://www.patientenbeauftragte.de
http://www.abp-gmbh.de/
barrierefrei-kommunizieren!
Bundesweites Kompetenz- und
Referenzzentrum
- informiert, berät, schult und sensibilisiert
behinderte und nicht behinderte Menschen in
Bezug auf Fähigkeiten, Computer und Internet
chancengleich und selbst bestimmt
nutzen zu können-
Angebote
• Beratungs- und Informationsveranstaltungen sowie
Seminare zum Thema "Barrierefreies Internet".
• Kurz und Intensivtests von Webseiten nach den
Richtlinien der BITV (Barrierefreie
Informationstechnik-Verordnung)
• Neu- und Umgestaltung von barrierefreien Webseiten
(mit und ohne Content-Managment-System)
Weitere Informationen erhalten Sie unter:
www.barrierefrei-kommunizieren.de
Telefon 030 / 20 60 89 0
[email protected]