A-Tag07: Barrierefreie Medien, Wien 2007

1. Das Web zum Mitmachen:
Barrieren in der Praxis

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. http://www.patramsey.net/2007/the-accessible-web/

7. Party
like it's
?
1999

8. 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;>

9. 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;>

10. 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;>

11. 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;>

12. Checklisten-
Syndrom?

13. WCAG2.0?
10 PRINT quot;WCAGquot;
20 GOTO 10

14. Der Praxisteil:
• Flash- &
AJAX-Mythen

15. Der Praxisteil:
• Flash- &
AJAX-Mythen
(Standardistus argumentatavum Maximus)

16. Mythos №1
?
• Flash & AJAX sind:
nix für Suchmaschinen

18. Mythos №2
?
• Flash ist:
nicht barrierefrei

20. http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true

23. Mythos №3
?
• Flash & AJAX sind:
nix für Screenreader

24. http://de.wikipedia.org/wiki/OpenLaszlo

25. Mythos №4
?
• Flash ist:
nix für Sehbehinderte

26. Der Praxisteil:
!
http://www.kaourantin.net/swf/highContrast.html
http://niquimerret.com/fontresize/
Psst: System.capabilities.hasAccessibility:true

27. Mythos №5
?
• Flash & AJAX sind:
Schuld an ...

28. http://www.flickr.com/photos/53407766@N00/55806664

29. Mythos №6
?
• Flash & AJAX sind:
abgeschaltet

30. 79%
aller Statistiken
sind gefälscht!
(diese eingerechnet)

31. Mythos №7
?
• Flash & AJAX sind:
viel Arbeit,
wenn man es
barrierefrei
machen will

32. Mythos №7
!
• Stimmt.

33. Der Praxisteil:
(endlich)

35. © http://www.flickr.com/photos/chuckbiscuito/161971512/
Real World User Testing

36. © http://www.flickr.com/photos/kosmar/323809582/

37. Applikation
!=
Dokument

38. Die 4 Prinzipien:
POUR

39. Die 4 Prinzipien:
(der WCAG 2)*
1. Wahrnehmbar
2. Bedienbar
3. Verständlich
4. Technisch robust
* http://www.w3.org/TR/WCAG20/

40. Wahrnehmbar?

43. ?

44. Bedienbar?

45. Bedienbar?
1. oder
1. oder
1. oder?

46. © http://www.frequency-decoder.com/demo/date-picker-v2/

51. Verständlich?

52. =+
–( weniger ist mehr )

53. Robust?

55. Danke für‘s Zuhören!
<a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>

56. CC
<a href=“http://creativecommons.org/licenses/by-sa/2.0/de/
deed.de“ rel=“license“>Attribution-ShareAlike</a>

57. 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