Das Web zum Mitmachen: Barrieren in der Praxis

2.731 Aufrufe

Veröffentlicht am

A-Tag07: Barrierefreie Medien, Wien 2007

Veröffentlicht in: Technologie
0 Kommentare
3 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.731
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
36
Aktionen
Geteilt
0
Downloads
20
Kommentare
0
Gefällt mir
3
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Das Web zum Mitmachen: Barrieren in der Praxis

  1. 1. Das Web zum Mitmachen: Barrieren in der Praxis
  2. 2. Tomas Caspers berät Industrie, NGOs und Behörden, baut Websites, schreibt Bücher darüber und hält Vorträge (und mag Akzidenz-Grotesk viel lieber als Helvetica).
  3. 3. http://www.patramsey.net/2007/the-accessible-web/
  4. 4. Party like it's ? 1999
  5. 5. Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
  6. 6. Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! BÖSE! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
  7. 7. Frames! Farbige Scrollbalken! Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
  8. 8. Frames! Farbige Scrollbalken! NOCH Aufklappmenüs! Animierte Schneeflocken! Ticker! Seitenübergänge! Die aktuelle Uhrzeit! IMMER Browser-Chrome verstecken! Hintergrundmusik! Countdown bis Pop-Ups! BÖSE! Weihnachten! <A onMouseOver=quot;window.status='hier klicken!'; return true;quot;>
  9. 9. Checklisten- Syndrom?
  10. 10. WCAG2.0? 10 PRINT quot;WCAGquot; 20 GOTO 10
  11. 11. Der Praxisteil: • Flash- & AJAX-Mythen
  12. 12. Der Praxisteil: • Flash- & AJAX-Mythen (Standardistus argumentatavum Maximus)
  13. 13. Mythos №1 ? • Flash & AJAX sind: nix für Suchmaschinen
  14. 14. Mythos №2 ? • Flash ist: nicht barrierefrei
  15. 15. http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true
  16. 16. Mythos №3 ? • Flash & AJAX sind: nix für Screenreader
  17. 17. http://de.wikipedia.org/wiki/OpenLaszlo
  18. 18. Mythos №4 ? • Flash ist: nix für Sehbehinderte
  19. 19. Der Praxisteil: ! http://www.kaourantin.net/swf/highContrast.html http://niquimerret.com/fontresize/ Psst: System.capabilities.hasAccessibility:true
  20. 20. Mythos №5 ? • Flash & AJAX sind: Schuld an ...
  21. 21. http://www.flickr.com/photos/53407766@N00/55806664
  22. 22. Mythos №6 ? • Flash & AJAX sind: abgeschaltet
  23. 23. 79% aller Statistiken sind gefälscht! (diese eingerechnet)
  24. 24. Mythos №7 ? • Flash & AJAX sind: viel Arbeit, wenn man es barrierefrei machen will
  25. 25. Mythos №7 ! • Stimmt.
  26. 26. Der Praxisteil: (endlich)
  27. 27. © http://www.flickr.com/photos/chuckbiscuito/161971512/ Real World User Testing
  28. 28. © http://www.flickr.com/photos/kosmar/323809582/
  29. 29. Applikation != Dokument
  30. 30. Die 4 Prinzipien: POUR
  31. 31. Die 4 Prinzipien: (der WCAG 2)* 1. Wahrnehmbar 2. Bedienbar 3. Verständlich 4. Technisch robust * http://www.w3.org/TR/WCAG20/
  32. 32. Wahrnehmbar?
  33. 33. ?
  34. 34. Bedienbar?
  35. 35. Bedienbar? 1. oder 1. oder 1. oder?
  36. 36. © http://www.frequency-decoder.com/demo/date-picker-v2/
  37. 37. Verständlich?
  38. 38. =+ –( weniger ist mehr )
  39. 39. Robust?
  40. 40. Danke für‘s Zuhören! <a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>
  41. 41. CC <a href=“http://creativecommons.org/licenses/by-sa/2.0/de/ deed.de“ rel=“license“>Attribution-ShareAlike</a>
  42. 42. URLs: Zugängliches Flash: http://www.kaourantin.net/swf/highContrast.html http://niquimerret.com/fontresize/ http://www.bbc.co.uk/accessibility/bbc/mainnews.shtml http://www.bbc.co.uk/cbeebies/grownups/special_needs/physical_dev/switch/ http://www.bbc.co.uk/cbbc/games/switch/ http://usabletype.com/weblog/flexing-your-apps/ http://www.webaim.org/techniques/flash/ http://www.jkrowling.com/ Zugängliches AJAX: http://developer.mozilla.org/en/docs/AJAX:WAI_ARIA_Live_Regions http://developer.mozilla.org/en/docs/ARIA_to_API_mapping http://www.sitepoint.com/blogs/2007/04/30/javascript-and-screen-readers/ http://accessibleajax.clcworld.net/ http://www.frequency-decoder.com/2006/10/02/unobtrusive-date-picker-widgit-update/ Testwerkzeuge: „Active Accessibility 2.0 SDK Tools“ - http://www.microsoft.com/downloads/details.aspx... „Accerciser“ - http://live.gnome.org/Accerciser

×