ix-Konferenz Ajax vs. Accessibility

1. ix-KonferenzAjax vs. Accessibility

3. Ajax vs. Accessibility Der Kampf um die Zukunft des Internets

4. Ajax: Das Internet der Zukunft ist intuitiv bedien- und erlebbar.

5. Accessibility:Das Internet der Zukunft ist plattformunabhängig und barrierefrei.

6. Die beiden Gegner

9. Ajax aka Ivan Drago • die russische Kampfmaschine • das Produkt der High-End-Sporttechnologie • der Vorzeige-Athlet

12. Accessibility aka Rocky Balboa • der Underdog / unbekannter Außenseiter • klein, durchschnittlich, Rechtsausleger • Sehschwäche auf dem rechten Auge

13. Die GegnerAjax • Ajax Teile einer Seite werden erneuert, ausgetauscht oder verändert, ohne dass die Seite neu lädt.

14. Die GegnerAjax • Ajax bekannt als: • die coole Hype-Maschine • Der große Innovator • Mr. OnTheFly • Drag&Drop-Wunder • Fast & Glamorous

15. Die GegnerAjax • Stärken • Reaktionszeit / Real time • Schnelligkeit / kein Reload • Interaktivität • Experience • Feature-Rich

16. Die GegnerAjax • Schwächen • URLs • Back-Button • View Port

17. Die GegnerAjax • Gefürchtet für • Schnelligkeit • Show-Effekte und Eleganz • Bricht mit allen Konventionen und Erwartungen

18. Die GegnerAjax • Glorreiche Siege • Flickr • Google Suggest • Backpack / Basecamp • Amazon Diamond Search • Netvibes • …

19. Fotoalben live editieren

20. Diamanten nach Maß

21. Netvibes: Alles auf meiner Seite

22. Live-Suche

23. Und jetzt zum Gegner …

24. Die GegnerAccessibility • Accessibility Accessibility heißt Zugang … • für alle Nutzer • mit allen Browsern und Plattformen • zu allen Daten und Informationen

25. Die GegnerAccessibility • bekannt als • Das Gute • Der Ur-Gedanke des World Wide Webs

26. „The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.“ - Tim Bernes-Lee, Web-Erfinder und Direktor des W3C

27. „The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.“ - Tim Bernes-Lee, Web-Erfinder und Direktor des W3C

28. Web = Accessibility

29. Die GegnerAccessibility • Stärken • Liebling der Massen • Schnelle Ladezeit • Findability • Plattformunabhängigkeit

30. Die GegnerAccessibility • Schwächen • Wenig Show-Effekte • User Experience • Regel-Fetischismus • Design

31. Die GegnerAccessibility • Gefürchtet für • Moralische Überlegenheit • “The right thing to do”

32. Die GegnerAccessibility • Glorreiche Siege • tagesschau • News.com • Postbank • Baden Württemberg • BVG – Berliner Verkehrsbetriebe • Yahoo.com

33. Nachrichten für alle

34. Kommerzielles Newsportal

35. öffentlicher Nahverkehr ohne Barrieren

36. Bundesland für alle Bürger

37. Suchportal leicht zugänglich

38. Banking ohne Zugangshürden

39. Der Kampf beginnt

41. Ajax vs. Accessibility Der Kampf Runde 1: Suche Runde 2: Dynamische Inhalte Runde 3: Formulare Runde 4: URLs

42. RUNDE 1 SUCHE

43. Runde 1 Suche • Klassische Suche

44. Runde 1 Suche • Klassische Suche besteht aus: • Textfeld mit Button (label / input / input) Nutzung: • Suchwort eingeben • Suchen-Button drücken • Laden der Suchergebnisseite

45. Runde 1 Suche • Live-Suche

46. Runde 1 Suche • Live-Suche besteht aus: • Textfeld Nutzung: • Während Eingabe erscheinen die Suchergebnisse • Live-Ergebnisse verfeinern sich automatisch beim Weiterschreiben • Auswahl des Ergebnisses oder des Suchwortes während der Eingabe

47. Runde 1 Suche • Rundenbewertung • Klassische Suche ist vertraut und leicht zugänglich • Live-Suche kann Suchprozess immens beschleunigen.

48. Runde 1 Suche • Lösung: Ajax & Accessibility • Live-Suche-Funktionalität + klassischer Button

49. RUNDE 2 DYNAMISCHE INHALTE

50. Runde 2 Dynamische Inhalte • Ajax • Neue Inhalte werden auf einer Seite dynamisch aktualisiert(ohne Reload) • Amazon-Diamond-Search • Last-FM