Das Dokument behandelt Best- und Worst-Practices der Barrierefreiheit, insbesondere im Kontext von Social Media und Open Access. Es wird darauf hingewiesen, dass Informationen nicht nur über Farben vermittelt werden sollten und dass sowohl die Konformität der WCAG 2.0 als auch die Zugänglichkeit für Tastaturbenutzer kritisch zu betrachten sind. Zudem werden praktische Beispiele und Tipps zur Verbesserung der Barrierefreiheit gegeben.

1. Best and Worst Practice In der Barrierefreiheit Kerstin Probiesch

2. Kurz die Vita Freie Beraterin Invited Expert – W3C – Evaluation and Methodology Task Force (EvalTF) Fach(buch)autorin Webkrauts Special Interest: Barrierefreiheit von Social Media und Open Access

3. WAS BARRIEREFREIHEIT NICHT IST

4. Layout für „Normale“

5. Und das für „die anderen“?

6. Textversion Hörzu – Finde den Fehler

7. Oft nur der schöne Schein

8. WCAG 2.0 – AA konform?

9. Grafiken ohne alt-Attribute

10. Grafiken über CSS / Transparenz – Problematisch bei eigenen Farbeinstellungen

11. Was bleibt? Nicht mal A-konform

12. MEHRFACHKENNZEICHNUNG Nun aber:

13. Informationen nicht nur über Farbe oder sensorische Eigenschaften vermitteln Nicht nur so: „ Klicken Sie den grünen Button“ „ Fehlermeldungen werden in rot“ „ Pflichtfelder sind orange hinterlegt“ „ Links zum Artikel finden Sie rechts“ „ Weiterführende Informationen finden Sie im blauen hinterlegen Kasten“ Aktuelle Rubriken und Seiten nur über Farbe vermitteln

14. Individuelle Farbwahrnehmung z.B. Farbfehlsichtigkeit

15. Beispiel: Benutzerdefinierte Farbeinstellungen

16. Problem: Informationsvermittlung nur über Farbe allein. Zudem: schlechter Kontrast

17. Benutzerdefinierte Farbeinstellungen – „Green Tags“ nicht mehr ermittelbar

18. Ansicht ohne CSS

19. Zusammenspiel von Text und Struktur

20. Mehrfachkennzeichnung in Navigationsbereichen

21. auch mit benutzerdefinierten Farbeinstellungen sichtbar

22. „ Versteckte“ Texte für Screenreadernutzer

23. Best Practice: Mehrfachkennzeichnung in Formularen (Stadt Wien)

24. TASTATURBEDIENBARKEIT

25. Aber nicht so:

26. Und nicht so: Vorschau nur für Mausbenutzer

27. „ New Twitter“ – immer noch kein Herz für Tastaturbenutzer Nur mit Maus

28. Accessible Twitter v. Dennis Lembrée

29. Auch mit Tastatur: Landtagslupe NRW

30. Gut sichtbarer Fokus – auch bei Sprunglinks

31. Barrierefreies Video Player „Framework“ Weitere Infos auf: http://www.einfach-fuer-alle.de/blog/id/2593/

32. Das ist wichtig! Ist aktuelle Position beim Durchtabben immer sichtbar? Ist die Tabreihenfolge logisch? Können alle Elemente angesprungen, bedient und wieder verlassen werden – auch Videos und Audios? Tastaturfallen nicht vorhanden? Überschriften ausgezeichnet, ARIA Landmark Roles verwendet? Warum in diesem Abschnitt?

33. DOKUMENTE GLIEDERN Z.B. ÜBERSCHRIFTEN

34. Blockelement? Semantik?

35. Die H-Inflation

36. Überschriften? Nicht mit uns?

37. Alles richtig gemacht?

38. TIPPS UND RAT, BERATUNG UND TESTS

39. Einfach für alle – Aktion Mensch

40. BIENE Preis – voraussichtlich 2012

41. Kontakt Kerstin Probiesch | Kantstraße 10/19 35039 Marburg | Tel.: 06421 167002 http://www.barrierefreie- informationskultur.de/ Twitter: @kprobiesch Tests nach WCAG 2.0 und BITV 2.0 Kurztests Projektleitung Begleitende Beratung Diese Präsentation steht unter der CC-BY-NC-SA (http://creativecommons.org/licenses/by-nc-sa/3.0/de/)