Barrierefreiheit 2010

Vortrag über Barrierefreiheit im Web.

Transcript

1. Barrierefreiheit 2010 Wolfgang Wiese Erlangen.PM 22. März 2010
2. Versuch einer Begriffsdefinition: Barrierefreiheit »Barrierefrei sind [...] technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen [...], 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 BGG, näheres dazu bei www.behindertenbeauftragte.de)
3. »Barrierefrei sind [...] technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen [...], 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 BGG, näheres dazu bei www.behindertenbeauftragte.de)
4. »Barrierefrei sind [...] technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen [...], 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 BGG, näheres dazu bei www.behindertenbeauftragte.de)
5. »Barrierefrei sind [...] technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen [...], 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 BGG, näheres dazu bei www.behindertenbeauftragte.de)
6. »Barrierefrei sind [...] technische Gebrauchsgegenstände, Systeme der Informationsverarbeitung, akustische und visuelle Informationsquellen und Kommunikationseinrichtungen [...], 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 BGG, näheres dazu bei www.behindertenbeauftragte.de)
7. Barrierefrei = Behindertengerecht? Foto: Kai Herrner http://www.flickr.com/photos/webseeings/23930157
8. Versuch einer Begriffsdefinition: Barrierefreiheit „Barrierefreies Webdesign zielt darauf ab, Inhalte und Interaktionen im Netz für (möglichst) alle Nutzergruppen und Endgeräte zugänglich zu machen“ Charlier/Radtke, Buch „Barrierefreies Webdesign“
9. Jeder, l unabhängig von der jeweiligen Auffassungsgabe,
10. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik,
11. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik, l unabhängig vom Gerät,
12. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik, l unabhängig vom Gerät, l unabhängig vom Betriebssystem,
13. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik, l unabhängig vom Gerät, l unabhängig vom Betriebssystem, l unabhängig von der Software,
14. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik, l unabhängig vom Gerät, l unabhängig vom Betriebssystem, l unabhängig von der Software, bekommt beim Zugriff auf • dieselbe Seite
15. Jeder, l unabhängig von der jeweiligen Auffassungsgabe, l unabhängig von der jeweiligen Methodik, l unabhängig vom Gerät, l unabhängig vom Betriebssystem, l unabhängig von der Software, bekommt beim Zugriff auf • dieselbe Seite • dieselben Inhalte.
16. Barrierefreiheit Jeder hat die Freiheit selbst zu entscheiden, mit welchem Gerät, welcher Software und welchem Leseverhalten er, sie oder es unterwegs ist.
17. „Woran erkennt man barrierefreie Internetdienste?“ „Gar nicht, das ist ja das schöne!“ (Projektleiter für das Onlineportal Polizei NRW, BIENE-Gewinner 2003)
18. … und Heute?
19. … und Heute? Webauftritte, die barrierefrei sind, erkennt man daran, dass sie richtig gut sind.
20. www.hauptbahnhof-wien.at
21. www.tagesschau.de
22. www.bund.de
23. www.straelen.de
24. www.bmi.bund.de
25. Behinderung ist die mangelnde Fähigkeit mit schlechtem Design umgehen zu können Tomas Caspers, WKE2006
26. www.finanzamt-pirmasens-zweibruecken.de
27. www.apotheken.de
28. www.mediamarkt.de
29. www.bmw.de
30. Aber Vorsicht, das stimmt nicht ! Mythen
31. Mythos 1 Barrierefreiheit kostet mehr.
32. Stimmt. Aber billige Websites kommen viel teurer! Zeit Kosten Konzept Design und Umsetzung Schulung Betrieb Relaunch Konzept Design, Umsetzung Integration Schulung Betrieb Schulung geringer: Keine komplexen HTML- Strukturen mehr notwendig HTML + CSS HTML + CSS* Herkömmlicher Webauftritt Integrations- aufwand kommt hinzu Altes Konzept kann bleiben Nur CSS- Änderung notwendig Moderner oder Universeller Webauftritt Herkömmlicher, auf Barrierefreiheit nachgebesserter Webauftritt … und die meisten Agenturen verdienen nur in den ersten 3 Phasen.
33. Mythos 2 Barrierefreiheit ist nur was für Behinderte.
34. Stimmt. Denn wir alle können behindert sein oder werden es: Menschen mit „Behinderungen“: • Sehbehinderte • Motorisch Behinderte • Gehörlose • Lernbehinderte • „Gruppe 50+“ Menschen in be- sonderen Situationen: • Fachfremde • Handy- oder Handheld-Nutzer • Reisende mit Routenplaner • Andere Geräte mit Zugriff auf das Internet… Besondere Ausgabemedien: • Drucker • Projektoren • Suchmaschinen • Software- Agentensysteme
35. Und eine ganz stark wachsende Gruppe von „Behinderten“:
36. Und eine ganz stark wachsende Gruppe von „Behinderten“:
37. Mythos 3 Die Website sieht in jedem Browser gleich aus!
38. Falsch. Design und Inhalt sind getrennt. Gutes Design berücksichtigt das Ausgabemedium … aber sendet dieselben Inhalte von derselben Seite!
39. Mythos 4 Viel hilft viel!
41. Mythos 5 Die Webseite XYZ ist barrierefrei.
42. 100% barrierefrei geht nicht! l Webauftritte allenfalls barrierearm. l Oft mehr als eine Zielgruppe. Unterschiedlichen Zielgruppen haben unterschiedliche Bedürfnisse und Grundlagen. l Behebung einiger Barrieren, erzeugen Barrieren für andere.
43. Mythos 6 Screenreader können kein JavaScript.
44. Falsch! l Gängige Screenreader unter Windows nutzen häufig Engine des Internet Explorers (!). l JavaScript wird interpretiert, aber nicht immer vollständig. Und teilweise fehlerhaft.
45. Zur Sache, Schätzchen!
46. l BITV (basierende auf die WCAG 1.0) l 14 Anforderungen, zurückführbar auf l Verständlichkeit l Bedienbarkeit l Technologie-Robustheit l Wahrnehmbarkeit http://www.barrierefreies-webdesign.de/bitv/anforderungen.html
47. Anforderung 1 Für jeden Audio- oder visuellen Inhalt sind geeignete äquivalente Inhalte bereitzustellen, die den gleichen Zweck oder die gleiche Funktion wie der originäre Inhalt erfüllen.
48. Anforderung 2 Texte und Graphiken müssen auch dann verständlich sein, wenn diese ohne Farbe betrachtet werden.
49. Anforderung 3 Markup-Sprachen (insbesondere HTML) und Stylesheets (CSS) sind entsprechend ihrer Spezifikationen und formalen Definitionen zu verwenden.
50. Anforderung 4 Sprachliche Besonderheiten wie Wechsel der Sprache oder Abkürzungen sind erkennbar zu machen.
51. Anforderung 5 Tabellen sind mittels der vorgesehenen Elemente der verwendeten Markup-Sprache zu beschreiben und in der Regel nur zur Darstellung tabellarischer Daten zu verwenden.
52. Anforderung 6 Internetangebote müssen auch dann nutzbar sein, wenn der verwendete Benutzeragent neuere Technologien nicht unterstützt oder diese deaktiviert sind.
53. Anforderung 7 Zeitgesteuerte Änderungen des Inhalts müssen durch die Nutzerin/den Nutzer kontrollierbar sein.
54. Anforderung 8 Die direkte Zugänglichkeit der in Internetangeboten eingebetteten Benutzerschnittstellen ist sicherzustellen.
55. Anforderung 9 Internetangebote sind so zu gestalten, dass Funktionen unabhängig vom Eingabegerät oder Ausgabegerät nutzbar sind.
56. Anforderung 10 Die Verwendbarkeit von nicht mehr dem jeweils aktuellen Stand der Technik entsprechenden assistiven Technologien und Browsern ist sicherzustellen, soweit der hiermit verbundene Aufwand nicht unverhältnismäßig ist.
57. Anforderung 11 Die zur Erstellung des Internetangebots verwendeten Technologien sollen öffentlich zugänglich und vollständig dokumentiert sein, wie z. B. die vom World Wide Web Konsortium entwickelten Technologien.
58. Anforderung 12 Der Nutzerin/dem Nutzer sind Informationen zum Kontext und zur Orientierung bereitzustellen.
59. Anforderung 13 Navigationsmechanismen sind übersichtlich und schlüssig zu gestalten.
60. Anforderung 14 Das allgemeine Verständnis der angebotenen Inhalte ist durch angemessene Maßnahmen zu fördern.
61. LOL! WTF 2do?? *
62. Das wichtigste Hilfsmittel von der Konzeption bis zum Betrieb: Dein eigenes Gehirn
63. Grundlagen zur Konzeption Trennung von l Inhalt, l Semantik (Struktur, HTML), l Design (CSS), l Verhalten (DOM)
64. Grundlagen zur Konzeption HTML Struktur CSS Präsentation DOM Verhalten
65. Semantik l Struktur einer Webseite / Gliederung von Inhalten l Klassisches Aufbau: l Kopfteil l Inhalt l Fussteil l Zum Vergleich: Print-Publikation (Brief) l Briefkopf l Text l Fussnote und/oder Fusszeile
66. Semantik l Wichtig: l Kein Layout im Code! l use strict; für Web: l Valides HTML (gemäß W3C)
67. Kein „coding from the scratch“, sondern • Nachhaltige Konzeption („was, wenn morgen eine neue Funktion dazu kommt?“) • Nutzung standardisierter Schnittstellen
68. Und jetzt die frohe Botschaft: Es ist alles veraltet! WCAG 2.0 incoming!
69. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 4 Prinzipien statt 14 Forderungen: l Wahrnehmbar l Bedienbar l Verständlich l Robust
70. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 4 Prinzipien statt 14 Forderungen: l Wahrnehmbar l Bedienbar l Verständlich l Robust Informationen und Bestandteile der Benutzerschnittstelle müssen den Benutzern so präsentiert werden, dass diese sie wahrnehmen können.
71. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 4 Prinzipien statt 14 Forderungen: l Wahrnehmbar l Bedienbar l Verständlich l Robust Bestandteile der Benutzerschnittstelle und Navigation müssen bedienbar sein.
72. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 4 Prinzipien statt 14 Forderungen: l Wahrnehmbar l Bedienbar l Verständlich l Robust Informationen und Bedienung der Benutzerschnittstelle müssen verständlich sein.
73. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 4 Prinzipien statt 14 Forderungen: l Wahrnehmbar l Bedienbar l Verständlich l Robust Inhalte müssen robust genug sein, damit sie zuverlässig von einer großen Auswahl an Benutzeragenten einschließlich assistierender Techniken interpretiert werden können.
74. WCAG 2.0 - Web Content Accessibility Guidlines 2.0 Für Entwickler: Techniques for WCAG 2.0 http://www.w3.org/TR/WCAG20-TECHS/
75. Vielen Dank Noch Fragen? Comic: www.kopozky.net
76. Quellenhinweis Dieser Vortrag enthält Teile und Zitate von Vorträgen von l Tomas Caspers, Vortrag „Barrierefreiheit 2.0“, WKE06 l Rainer Schlegel, Vortrag „Mythos Barrierefreiheit“, WKE06 Dieser Vortrag wurde publiziert unter der Creative Commons Lizenz http://creativecommons.org/licenses/by-nc/3.0/de/