Was ist das & warum braucht man die?

Transkript

1 Was ist das & warum braucht man die? 4. März 2008 Luzia Hafen, Senior Consultant & Practice Lead Barrierefreiheit Bern, Frankfurt, Hamburg, München, St. Gallen, Zug, Zürich 1 Exkurs: Farbenblindheit Normal Farbsichtige lesen die Nummer 8. Rot-Grün fehlsichtige Menschen die Nummer 3. Farbenblinde Menschen können keine Zahl erkennen. 2 namics Seite 1

2 Barrierefreiheit was ist das?» Definition» Gründe für die Umsetzung der Barrierefreiheit» Gesetzliche Rahmenbedingungen» Technische 3 Das Problem» Das Internet wird als Medium immer wichtiger... Information und Kommunikation in der Geschäftswelt und Privat Gewisse Informationen und Transaktionen sind exklusiv über das Internet zugänglich Bald auch für Bürgerrechte und -pflichten: egovernment, Schulen ans Netz» aber ist für viele immer noch zu schwierig zu bedienen ( Usability = Benutzbarkeit)» aber ist für einige nicht bedienbar ( Accessibility = Zugänglichkeit) 4 namics Seite 2

3 Definition von Barrierefreiheit Menschen können das Internet in gleichem Masse erreichen und nutzen wie andere Dinge des alltäglichen Lebens namics Definition 5 Behinderungskategorien und Anforderungen» Einschränkungen der Sehkraft Blind (Sprachausgabe, Braille-Display) Sehbehindert (vergrösserte Darstellung) Farbenblind» Motorische Einschränkungen (alternative Eingabegeräte, Spracheingabe)» Einschränkungen der Hörkraft (Transkripte auditiver Inhalte, einfach verständliche Inhalte)» Kognitive Einschränkungen (einfach verständliche Inhalte) 6 namics Seite 3

4 Dimensionen der Barrierefreiheit Kids/Teens Behinderte Menschen Zeigen sozialer Verantwortung Rechtliche Konformität Unerfahrene Betriebswirtschaftliche Technische Usability Suchmaschinen Senioren Device Independence 7 Verhalten im Internet Jakob Nielson 31st May namics Seite 4

5 Wer profitiert von Accessibility? 9 Wer profitiert von Accessibility? 10 namics Seite 5

6 Dimensionen der Barrierefreiheit Kids/Teens Behinderte Menschen Zeigen sozialer Verantwortung Rechtliche Konformität Unerfahrene Betriebswirtschaftliche Technische Usability Suchmaschinen Senioren Device Independence 11 WAI-Richtlinien (WCAG 1.0)» Aufgeteilt in 3 Prioritätsstufen Priorität 1 MUSS erfüllt werden Priorität 2 SOLL erfüllt werden Priorität 3 KANN erfüllt werden» Je nach Konformität kann ein Webseiten-Gütesiegel vergeben werden A für Webseiten die Priorität 1 erfüllen AA für Webseiten die Priorität 1 und 2 erfüllen AAA für Webseiten die Priorität 1 bis 3 erfüllen 12 namics Seite 6

7 . Rechtliche Konformität» P028 [Spezielle Richtlinie] Betrifft zentrale und dezentrale Bundesverwaltung, die Unternehmen nach Art. 2 RVOG sowie die Unternehmen und Organisationen, die gestützt auf eine Konzession des Bundes tätig sind Departemente, Bundesämter» BehiG [Allgemeine Richtlinie] Städte/Kantone [rechtlich nicht abschliessend geklärt] SBB u.a. ech Arbeitsgruppe zur Ausarbeitung von Standards» BehiV [Verordnung zum BehiG] Intranet, ABER soweit es als Arbeitsinstrument dient muss es ebenfalls angepasst werden 13 Dimensionen der Barrierefreiheit Kids/Teens Behinderte Menschen Zeigen sozialer Verantwortung Rechtliche Konformität Unerfahrene Betriebswirtschaftliche Technische Usability Suchmaschinen Senioren Device Independence 14 namics Seite 7

8 Testmethode von Zugang für alle und namics Attribution-ShareAlike 2.0 Download: oder Ebenen der Barrierefreiheit Die drei Ebenen 1. Technische Kriterien 2. Inhaltliche Kriterien 3. Ermessensspielraum Kommentar» Messbar mit WCAG (aber nur zu einem kleinen Teil automatisierbar). Bsp. ALT-Attribut Werkzeuge» Menschliche Beurteilung durch sensibilisierte Tester. Bsp. Text des ALT-Attributes Ausbildung» Je nach Behinderung, Erfahrung des Nutzers und dessen Hilfsmittel Tests mit Betroffenen 16 namics Seite 8

9 Guideline 1: Provide equivalent alternatives to auditory and visual content» Alle Bilder und Grafiken sind über das ALT-Attribut klar verständlich zu beschriften Guideline 1: Provide equivalent alternatives to auditory and visual content» Nicht das mehr, sondern das Richtige steht im Vordergrund Leere ALT-Attribute heisst nicht keine ALT-Attribute Image-Bilder korrekt bezeichnen, respektive eben genau nicht 18 namics Seite 9

10 Guideline 2: Don't rely on color alone» Kontrast muss der Formel des W3C entsprechen Helligkeitsdifferenz Farbdifferenz 19 Guideline 3: Use markup and style sheets and do so properly» Skalierung: fluid Darstellung abhängig von der Fenstergrösse Vorteil: Darstellung ist unabhängig von der Fenstergrösse Nachteil: Keine Kontrolle über das Aussehen 20 namics Seite 10

11 Guideline 3: Use markup and style sheets and do so properly» Skalierung: elastisch Darstellung abhängig von der Fenstergrösse Vorteil: Volle Kontrolle über die Darstellung Nachteil: Horizontaler Scroll-Balken, wenn die Auflösung zu klein ist 21 Technische» Suchmaschinen (z.b. Google) funktionieren exakt wie Screenreader!» Textalternativen zu Bildern Rasche Ladezeit Geringe Kosten für Netzwerkbandbreite Bessere Indizierung in Suchmaschinen» Unabhängigkeit von einem Endgerät (und W3C Konformität) Keine Probleme mit Browserkompatibilität (z.b. Macintosh oder LINUX) Mehrfachnutzung (z.b. PDA-Browser) Tiefere Supportkosten 22 namics Seite 11

12 Dimensionen der Barrierefreiheit Kids/Teens Behinderte Menschen Zeigen sozialer Verantwortung Rechtliche Konformität Unerfahrene Betriebswirtschaftliche Technische Usability Suchmaschinen Senioren Device Independence 23 Betriebswirtschaftliche» Einsatz neuester Technologien» Weniger Traffic (konsequenter Einsatz von CSS, etc.)» Keine Suchmaschinen-Marketing Aufwendungen» Keine doppelte Pflege von Internetauftritten» Weniger Menschen, welche die Hotline blockieren» Kostenlose Marketing-Massnahme 24 namics Seite 12

13 Corporate Governance» Zertifikat der Stiftung Zugang für alle Auszeichnung der Barrierefreiheit Kids/Teens Behinderte Menschen Zeigen sozialer Verantwortung Rechtliche Konformität Unerfahrene Betriebswirtschaftliche Technische Usability Suchmaschinen Senioren Device Independence 26 namics Seite 13

14 Fragen & Antworten Vielen Dank! 28 namics Seite 14

15 Begriffe» Barrierefreiheit = Accessibility = Behindertentauglichkeit» W3C = World Wide Web Consortium» WAI = Web Accessibility Initiative» BehiG = Behindertengleichstellungsgesetz» P028 = Ausgestaltung der Barrierefreiheit im Internet 29 Weiterführende Links» Kontrastanalyse: Farbenblindheit Simulator: Beispiel fluides Design: Beispiel für elastisches Design: P028: BehiV: BehiG: BGG: WCAG 1: WCAG 1 Checklist: namics Studie: namics Seite 15

16 Diskussionsthemen» Was kann man schnell und einfach realisieren? Wo sind die Quickwins?» Warum wird Barrierefreiheit nicht schon viel intensiver umgesetzt?» Braucht es Audits zur Barrierefreiheit? 31 namics Seite 16