Oder: Wie bring ich es für alle rüber...
Markus Schaber CCC Ulm
Markus Schaber, Informatikstudent
CCC = Chaos Computer Club, ErfA-Kreis Ulm,http://www.ulm.ccc.de/Montag, 19:30 Uhr, Cafe Einstein (Uni)
Chaos-Seminar
Chaos-Seminar
Beeinträchtigungen
Gründe für zugänglicheres Design
Methoden
ZIB-Projekt
Web-Design
Beispiele für WWW-Seiten
"Ich glaube, daß dieses Erlebnis, bei Regen eine Tür zu seinem Garten zu öffnen, mit dem vergleichbar sein muß, was ein Sehender empfindet, wenn er morgens die Vorhänge aufzieht und die Welt draußen sieht [...]. Der Regen enthüllt mir mit einem Male die ganze Fülle einer Situation, und die nicht bloß erinnert, nicht antizipiert, sondern gegenwärtig und jetzt. Der Regen öffnet mir die Welt nach vorn und zeigt mir die tatsächlichen Beziehungen eines Teils der Welt zu einem anderen. Wenn es im Zimmer regnen könnte, so würde mir das helfen zu verstehen, wo die Dinge in diesem sind, würde mir ein Gefühl dafür vermitteln, daß ich in diesem Zimmer bin und nicht nur auf einem Stuhl sitze."
John Hull
155000 Blinde, 500 000 stark Sehbehinderte
Ältere oder kranke Menschen
»exotisches Equipment«
Älteres Equipment
langsame Leitung
Sicherheitsbedenken
Und vieles andere mehr...
»Wir sind nicht behindert, wir werden behindert«
Sehr häufig unabsichtlich und unnötig
»Neue Medien« noch »zu neu«
Sensibilisierung und Überlegung notwendig
Accessible Design bedeutet:
Unnötige Hürden abbauen
Zugang uneingeschränkt gestalten
Ausgrenzung vermeiden
Gegenteil von Zugangsschutz
Keine Nachteile für »Standardzielgruppe«
Keine Pflicht zum Verzicht
Liegen nicht im Medium begründet
Oft mit wenig Aufwand vermeidbar
Kleine, hellgraue, eng gedrängte Schrift
Lesen in Wirklichkeit unerwünscht
Oft vermeidbare Beeinträchtigungen:
Lange Ladezeiten, große Datenmengen
Navigation rein grafisch
»Radio-Aktive« Inhalte / Plugins
Übertriebenes Ziehen aller Register
Farbfernsehsystem eigentlich abwärtskompatibel
Aber: Gefahr lauert in Farbkombinationen!
Durch das Funktionsprinzip des Mediums bedingt
Ersatzwege müssen gefunden werden
Pixel-Barriere
Maus-Barriere
Grafik-Barriere
Hauptinhalt durch Sprecher.
Abhilfe durch:
Videotext-Untertitel
Gebärdendolmetscher
Vorlesegeräte
Blindenschriftausgaben
Vertrieb in elektronischer Form
Rechtsvorschriften
Öffentliche / staatliche Institutionen
Kommerzielle Anbieter
Private Anbieter
Sinnvolle und umsichtige Gestaltung und technische Verwirklichung
»Graceful Degradation«
Anbieten von Alternativen
Hilfsmittel für Empfänger
Aber: Vollkommener Ausgleich oft nicht möglich.
»Zugang zumInternet fürBlinde und Sehgeschädigte«
Basiert auf »Hearcons«
Direkte Umsetzung grafischer Oberflächen problematisch
Akustische Umsetzung von Positionen
Trennung der Geräuschquellen
Strukturelemente
Semantik der Geräusche
Eigene Schnittstelle: SPUI-B
Erweiterung von Web-Browsern
Ausgabe über Lautsprecher
Untersuchung der Geräuschauswahl
Untersuchung der Interaktionstechniken
Referenzmodell Webbrowser
Benutzeroberfläche entwickeln
Vermarktungsstrategie
Bieten bekannte Blindenschrift
Teuer, Zuverlässigkeitsprobleme
Hardware-Lösungen: Nur ISA-Textmodus
Software-Lösungen: Tricks für Grafik
Sprachausgabe preisgünstige Alternative
Viele Anwendungen für DOS-Sackgasse
Linux bietet Unix-Textkonsole und ist kostengünstig
Lynx bietet spezielle Erweiterungen
Weitere Softwareanpassungen verfügbar
Ziel: Linux-Distribution für Blinde
Bilder mit Text-Alternativen
Frames: alternative Navigation
JavaScript/Java/Plugins
Struktur und Semantik statt Layout
Links Trennen
Für die Zukunft: CSS
Hilfsmittel: »Lynx-Test«
Hilfsmittel: Bobby
WAI - Richtlinien
Web Access Project
Die goldenen Regeln für schlechtes HTML
Beispielhaft
Nur einige Aspekte herausgegriffen
Feste Breite der Tabelle
Trennbalken sind GIF-Dateien
English Version?
Bestes Beispiel für »Zuviel des Guten«
Kleinere Darstellungsprobleme
Blinkende Absätze
Fehlend:
alt-Text bei Images
Alternative Links für Server-Side Image Maps
Zeigt die Notwendigkeit einer guten Farbwahl
Seltsamer Satzbau
Bobby-Test findet keine Fehler!
Einige Alt-Tags fehlen
JavaScript-Ticker
Nutzt CSS und Alt-Tags
Bobby-Test bestanden
Image mit leerem Alt-Tag
Seite total überfrachtet
Zu kleine Schrift
69k HTML, 57 Bilder mit 50k insgesamt
Ladezeit: ca 60 Sekunden
»kaputte« Refresh-URL ins Leere
Pixelgenaues Layout
Text als Grafik
Lange Ladezeit
Keine Frame-Titel
Benötigt zwingend JavaScript
JavaScript erzeugt ungültiges HTML
Oft wenig Aufwand, wenn von vornherein geplant
Sensibilisierung und Ausbildung notwendig
Keine Pflicht zum Verzicht