Das Web zum Mitmachen:
Barrieren in der Praxis
Tomas Caspers
berät Industrie, NGOs und
Behörden, baut Websites,
schreibt Bücher darüber
und hält Vorträge


(und mag Akzi...
http://www.patramsey.net/2007/the-accessible-web/
Party
like it's
            ?
1999
Frames!
  Farbige Scrollbalken!
  Aufklappmenüs! Animierte
                  Schneeflocken!
Ticker! Seitenübergänge!
 Die ...
Frames!
  Farbige Scrollbalken!
  Aufklappmenüs! Animierte
                  Schneeflocken!
Ticker! Seitenübergänge!

BÖSE...
Frames!
  Farbige Scrollbalken!
  Aufklappmenüs! Animierte
                  Schneeflocken!
Ticker! Seitenübergänge!
 Die ...
Frames!
  Farbige Scrollbalken!



    NOCH
  Aufklappmenüs! Animierte
                  Schneeflocken!
Ticker! Seitenüber...
Checklisten-
  Syndrom?
WCAG2.0?

10 PRINT quot;WCAGquot;
20 GOTO 10
Der Praxisteil:
• Flash- &
  AJAX-Mythen
Der Praxisteil:
• Flash- &
  AJAX-Mythen


(Standardistus argumentatavum Maximus)
Mythos №1



               ?
• Flash & AJAX sind:
  nix für Suchmaschinen
Mythos №2



                  ?
• Flash ist:
  nicht barrierefrei
http://flexapps.macromedia.com/flex15/blogreader/blogreader.mxml?accessible=true
Mythos №3



                ?
• Flash & AJAX sind:
  nix für Screenreader
http://de.wikipedia.org/wiki/OpenLaszlo
Mythos №4



                ?
• Flash ist:
  nix für Sehbehinderte
Der Praxisteil:



                                             !
http://www.kaourantin.net/swf/highContrast.html
http://n...
Mythos №5



                ?
• Flash & AJAX sind:
  Schuld an ...
http://www.flickr.com/photos/53407766@N00/55806664
Mythos №6



                ?
• Flash & AJAX sind:
  abgeschaltet
79%
aller Statistiken
sind gefälscht!
  (diese eingerechnet)
Mythos №7



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



            !
• Stimmt.
Der Praxisteil:
(endlich)
© http://www.flickr.com/photos/chuckbiscuito/161971512/




Real World User Testing
© http://www.flickr.com/photos/kosmar/323809582/
Applikation

  !=
Dokument
Die 4 Prinzipien:

POUR
Die 4 Prinzipien:
(der WCAG 2)*

1. Wahrnehmbar

2. Bedienbar

3. Verständlich

4. Technisch robust

                     ...
Wahrnehmbar?
?
Bedienbar?
Bedienbar?

1. oder
1. oder
1. oder?
© http://www.frequency-decoder.com/demo/date-picker-v2/
Verständlich?
=+
–( weniger ist mehr )
Robust?
Danke für‘s Zuhören!
<a href=“mailto:tomas@tomascaspers.de“>Fragen?</a>
CC
<a href=“http://creativecommons.org/licenses/by-sa/2.0/de/
      deed.de“ rel=“license“>Attribution-ShareAlike</a>
URLs:
Zugängliches Flash:

http://www.kaourantin.net/swf/highContrast.html
http://niquimerret.com/fontresize/
http://www.b...
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
Nächste SlideShare
Wird geladen in …5
×

Das Web zum Mitmachen: Barrieren in der Praxis

2.790 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.790
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

×