Blindheit Barrieren in der realen Welt Barrieren in der Computernutzung 44
Orientierung an Innen- / Außenkante des Gehwegs 45
Der klassische Interessenkonflikt Bordsteinkante: Für Rollstuhlfahrer möglichst weit abgesenkt Für Blinde: möglichst gut mit dem Stock ertastbar Kompromiss: Abgesenkte Bordsteinkante: 3cm. 46
Orientierung über Bodenplatten Rillenplatte: Richtungsanzeige Noppenplatte: Hinweis / Warnung 47
Orientierung über Bodenplatten 48
Ampelanlagen Akustische Signalgeber: Zur Auffindung des Masten / Zur Rot-Grün-Signalisierung Rippen/Noppenplatten zur Auffindung des Masten Vibrierende Fläche zur Grün-Signalisierung Richtungspfeile DIN 32981 RiLSA (Richtlinien für Lichtsignalanlagen) 49
Richtungspfeile Richtungspfeil Richtungspfeil (Fußgängerfurt) Richtungspfeil (Fußgängerfurt mit erneuter Signalanforderung) 50
Barrierefreiheit im Informatikgebäude: Aufzug Handlauf Tiefliegendes Bedienpanel Braille-Buchstaben + erhabene Buchstaben Kontrastreiche Buchstaben Aber: Kontrastarm am tiefliegenden Panel Aber: Kein Braille am hochliegenden Panel DIN 81-70 51
Barrierefreiheit im Informatikgebäude? 52
Braille-Schrift nach Louis Braille (1809-1852) Alphabet aus 6 (erhabenen) Punkten A = B = C = D = E = F = Zahlen aus 2 Zeichen codiert z.b. 2 = weitere Sonderzeichen z.b.zeichen für Großschreibung Kürzungsgrade: Basisschrift, Vollschrift, Kurzschrift Erweiterte Schrift mit 8 Punkten (z.b. Computerbraille, Eurobraille) blindenschrift in Basisschrift blindenschrift in Kurzschrift 53
Braille-Schrift am Computer Braillezeile Ausgabe: Stifte werden durch Piezoeffekt angehoben Immer nur eine Zeile Eingabe: Jede Taste für einen Punkt, Tasten gleichzeitig drücken. 54
Screenreader JAWS, Window-Eyes, HAL, NVDA, Orca,... Lesen Bildschirminhalt aus und geben ihn als Sprachausgabe oder auf Braillezeile aus Lesegeschwindigkeit einstellbar Lesen Steuerelemente (Widgets) vor Können natürlich nur bekannte Widgets sinnvoll vorlesen Steuerelemente benötigen Text zum Vorlesen Vorlesereihenfolge Tabellen mit Spalten-/Zeilenüberschriften 55
PDF Accessibility Inhaltsverzeichnis als Lesezeichen Inhaltsverzeichnis im Dokument verlinken Fußnoten, Literaturverweise, etc. verlinken Lesefluss in mehrspaltigen Dokumenten Alternativtext für Bilder (oder Bildbeschriftung) 56
Blindheit Fazit für Informationstechnik Alternativtexte Lesefluss Tabulatorreihenfolge sinnvoll und konsistent Zuordnung von Beschriftung zu Element Standardelemente verwenden Inhalt / Design trennen Überschriften etc. maschinenlesbar Spalten / Zeilenüberschriften in Tabellen 57
Barrieren im ÖPNV Aufgabe (1) Teilen Sie sich in Gruppen auf Diskutieren Sie, welche Barrieren entstehen und welche Lösungen es gibt/geben könnte an/bei: Fahrkartenautomat Aushangfahrplan Elektronische Abfahrtstafel, Elektronische Ankunftsanzeige (Monitore) Streckenpläne Sonstige Beschilderungen (Gleisanzeige, Zugzielanzeige) 58
Barrieren im ÖPNV Aufgabe (2) Fahrkartenautomat 59
Barrieren im ÖPNV Aufgabe (3) Aushänge und Anzeigen 60
Motorische Behinderungen Angeboren Durch Unfall Durch Krankheit / Altersbedingt Schädigung des betroffenen Körperteils Schädigung von Nervenverbindungen Schädigung des Gehirns Von leichter motorischer Störung bis hin zu kompletter Lähmung Computernutzung dank spezieller Eingabegeräte möglich 61
Eingabegeräte Kopfstab Mundstab 62
Eingabegeräte - Mausersatz Trackballs Joysticks 63
Eingabegeräte Großtasten-Tastaturen Keyguards Ein-Knopf-Eingabe Bildschirmtastatur (Demo) 64
Eingabegeräte Eye-Tracking Kopfmaus (Punkt wird aufstirn geklebt) Mundmaus 65
Spracheingabe Texteingabe Bedienung des Computers Training auf Benutzer zugeschnitten Probleme bei seltenen/komplizierten Wörtern Diese Wörter vermeiden Unbeabsichtigte Auswirkungen von Nebengeräuschen 66
Was folgt daraus? Manche Leute können nur Tastatur benutzen, andere nur Maus (oder verwandte Geräte) Alles muss über Maus und Tastatur bedienbar sein Beeinträchtigung der Zielgenauigkeit oder zeitlicher Art Menüs, Shortcuts, etc. entsprechend gestalten Spracheingabe Alle Bedienelemente benötigen computerlesbaren Text (evtl. Alternativtext) 67
Accessibility Fazit WCAG 2.0 Faustregeln Prüfbarkeit 68
Web Content Accessibility Guidelines (WCAG) 2.0 http://www.w3.org/tr/wcag20/ 4 Grundsätze Wahrnehmbar (perceivable) Bedienbar (operable) Verständlich (understandable) Robust (robust) Zu jedem Grundsatz gibt es Richtlinien (insgesamt 12) Zu jeder Richtlinie sind Erfolgskriterien definiert drei Stufen: A (leicht zu erreichen), AA (etwa BITV) und AAA Zusätzlich: Erläuterungen zum Verständnis, Hinweise zu Umsetzungstechniken 69
Web Content Accessibility Guidelines (WCAG) 2.0 (2) 70
Web Content Accessibility Guidelines (WCAG) 2.0 Abschnitt 1: Perceivable Alternativen (Text oder anders) für jeden Nicht-Text-Inhalt Bilder, Controls, CAPTCHAs,... Alternativen für Medieninhalte Audio, Video,... Adaptierbarkeit Struktur des Dokuments maschinenlesbar Lesefluss maschinendeterminierbar Unterscheidbarkeit Farbgebung, Kontrast,... 71
Web Content Accessibility Guidelines (WCAG) 2.0 Abschnitt 2: Operable Alle Funktionalität über Tastatur erreichbar Genug Zeit Alles automatisch ablaufende kann angepasst/angehalten werden Epileptische Anfälle vermeiden Navigierbar Titel, Überschriften, etc. sind sinnvolle Bezeichner und mit korrektem Markup versehen 72
Web Content Accessibility Guidelines (WCAG) 2.0 Abschnitte 3 und 4 Abschnitt 3: Understandable Lesbar (Sprache, seltene Wörter, Abkürzungen, ) Vorhersehbar (Fokusnavigation, ) Eingabehilfen (Fehlervermeidung, ) Abschnitt 4: Robust Kompatibilität (Parsing, ) Name, Zweck und Wert determinierbar (bei eigens entwickelten Kontrollelementen) 73
Faustregeln für barrierefreie Informationstechnik Wichtig ist: Strukturiertheit Anpassbarkeit (Farbe, Größe, Linearisierung, ) Bedienbarkeit über alternative Eingabegeräte (mind. Tastatur, Maus) Textuellen Zusatzinformation Standards einhalten, Markups und Formatvorlagen richtig verwenden Für Webseiten: Alternativ Nur-Text-Version nicht erwünscht Was für Nicht-Behinderte lästig oder unangenehm ist, ist für Behinderte häufig eine unüberwindbare Barriere. Was an Design (Farbe, Schriftart, Schriftgröße ) nicht hart festgelegt werden muss, sollte variabel bleiben! 74
Prüfbarkeit und nützliche Werkzeuge Markup-Tests: (X)HTML, CSS WCAG-Checkliste BITV-Test (http://www.bitvtest.de/) Web Developer Werkzeuge (für verschiedene Browser erhältlich) Darstellung bei kleinen Auflösungen bzw. auf kleinen Displays Konsequente Tastaturbedienung Einsatz tatsächlich verwendeter Ein- und Ausgabe-Geräte und - Werkzeuge (Screenreader, Sprachein- und -ausgabe ) 75
Forschung am VIS zum Thema Accessibility Unterstützung für Blinde und Sehbehinderte bei der Arbeit am Computer Navigationsunterstützung für Blinde, Sehbehinderte und Taubblinde (durch Computer) 76
HyperBraille Entwicklung eines grafikfähigen Displays für Blinde sowie der zur Ansteuerung und Umsetzung von Text und Grafik erforderlichen Software 77
Weitere Forschungsprojekte zur Unterstützung Sehbehinderter am Computer Vergrößerungstechnik Lambda Linear Access to Mathematics for Braille Devices and Audio-synthesis Grafiken für Blinde (SVG4Blind, Grafik-Editor) 78
Projekt: TANIA (Tactile-Acoustical Navigation and Information Assistant) RFID-Reader Braille-Zeile Touchscreen GPS-Reciever 3D-Kompass, 3D-Beschleunigungssensor, 3D-Gyroskop 79
Projekt: TANIA (Tactile-Acoustical Navigation and Information Assistant) Raum 1.258 VIS- ASBUS in 4m getrackter Pfad 80
Informationsquellen http://www.einfach-fuer-alle.de http://www.wob11.de http://www.w3.org/wai/ http://www.barrierefrei-kommunizieren.de http://www.biene-award.de http://www.dbsv.org (Dt. Blinden- und Sehbehindertenverband) http://www.gehoerlosen-bund.de http://www.schwerhoerigen-netz.de (Dt. Schwerhörigenbund) http://www.lkhd.de (Förderverein Lautsprachl. Kommuniz. Hörgeschädigte) VdK Handbuch Barrierefreie Verkehrsraumgestaltung: http://www.vdk.de/cgibin/cms.cgi?id=de20090&sid=g51xisi5sun6u3i7p5yxk8992uowfb 81
(weitere) Quellen und Bildnachweise BGG, BITV: http://www.gesetze-im-internet.de Bilder zu Sehbehinderung: http://www.fotos.docoer-dig.de/farbmodelle.htm http://www.dbsv.org/presse/#c2034 http://www.nikolauspflege.de/ http://msdn.microsoft.com/en-us/library/bb263953.aspx Bilder zu Gebärdensprache: http://www.visuelles-denken.de/schnupperkurs7.html http://de.wikipedia.org/ http://www.auge-online.de/ http://www.sueddeutsche.de/wissen/998/325863/text/ www.marksterle.com 82