Your SlideShare is downloading. ×
0
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Das Web zum Mitmachen: Barrieren in der Praxis

2,105

Published on

A-Tag07: Barrierefreie Medien, Wien 2007

A-Tag07: Barrierefreie Medien, Wien 2007

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,105
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
20
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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/
  • 4. Party like it's ? 1999
  • 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. 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. 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. 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. Checklisten- Syndrom?
  • 10. WCAG2.0? 10 PRINT quot;WCAGquot; 20 GOTO 10
  • 11. Der Praxisteil: • Flash- & AJAX-Mythen
  • 12. Der Praxisteil: • Flash- & AJAX-Mythen (Standardistus argumentatavum Maximus)
  • 13. Mythos №1 ? • Flash & AJAX sind: nix für Suchmaschinen
  • 14. Mythos №2 ? • Flash ist: nicht barrierefrei
  • 15. http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true
  • 16. Mythos №3 ? • Flash & AJAX sind: nix für Screenreader
  • 17. http://de.wikipedia.org/wiki/OpenLaszlo
  • 18. Mythos №4 ? • Flash ist: nix für Sehbehinderte
  • 19. Der Praxisteil: ! http://www.kaourantin.net/swf/highContrast.html http://niquimerret.com/fontresize/ Psst: System.capabilities.hasAccessibility:true
  • 20. Mythos №5 ? • Flash & AJAX sind: Schuld an ...
  • 21. http://www.flickr.com/photos/53407766@N00/55806664
  • 22. Mythos №6 ? • Flash & AJAX sind: abgeschaltet
  • 23. 79% aller Statistiken sind gefälscht! (diese eingerechnet)
  • 24. Mythos №7 ? • Flash & AJAX sind: viel Arbeit, wenn man es barrierefrei machen will
  • 25. Mythos №7 ! • Stimmt.
  • 26. Der Praxisteil: (endlich)
  • 27. © http://www.flickr.com/photos/chuckbiscuito/161971512/ Real World User Testing
  • 28. © http://www.flickr.com/photos/kosmar/323809582/
  • 29. Applikation != Dokument
  • 30. Die 4 Prinzipien: POUR
  • 31. Die 4 Prinzipien: (der WCAG 2)* 1. Wahrnehmbar 2. Bedienbar 3. Verständlich 4. Technisch robust * http://www.w3.org/TR/WCAG20/
  • 32. Wahrnehmbar?
  • 33. ?
  • 34. Bedienbar?
  • 35. Bedienbar? 1. oder 1. oder 1. oder?
  • 36. © http://www.frequency-decoder.com/demo/date-picker-v2/
  • 37. Verständlich?
  • 38. =+ –( weniger ist mehr )
  • 39. Robust?
  • 40. Danke für‘s Zuhören! <a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>
  • 41. CC <a href=“http://creativecommons.org/licenses/by-sa/2.0/de/ deed.de“ rel=“license“>Attribution-ShareAlike</a>
  • 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

×