Your SlideShare is downloading. ×
Barrierefreiheit Im Datennetz
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Barrierefreiheit Im Datennetz

3,196
views

Published on

Mein Vortrag fuer die "Best of Accessibility" Konferenz 2009 in Duesseldorf ueber Mashups, das Netz der Daten und die Moeglichkeiten die beide Ideen fuer die Barrierefreiheit bringen.

Mein Vortrag fuer die "Best of Accessibility" Konferenz 2009 in Duesseldorf ueber Mashups, das Netz der Daten und die Moeglichkeiten die beide Ideen fuer die Barrierefreiheit bringen.

Published in: Design, Technology

0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,196
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
24
Comments
0
Likes
6
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. Barrierefreiheit im Netz der Daten Chris2an Heilmann, Best of Accessibility, Duesseldorf, September 2009
  • 2. Webentwickler habens  schwer.
  • 3. Barrierefreiheit ist  eigentlich einfach.
  • 4. Ein Problem ist das das  “Problem Barrierefreiheit”  auf uns abgeschoben wird.
  • 5. Und wenn wir dann etwas  fast barrierefrei erstellt  haben meckern  hauptsächlich andere  Entwickler...
  • 6. Die Hauptursache fuer  dieses Dilemma ist das wir  das Web falsch anpacken.
  • 7. Web Technologie ist nicht  so schlecht wie wir sie  immer darstellen...
  • 8. 160x200 Aufloesung 16 Farben 4 Farben in jedem 8x8 Block
  • 9. Web Technologien sind gut  genug ‐ wenn man sie  rich2g anwendet.
  • 10. hVp://uk.tv.yahoo.com
  • 11. hVp://uk.tv.yahoo.com
  • 12. hVp://finance.yahoo.com/currency‐converter? u#from=USD;to=EUR;amt=1
  • 13. Screenshot of a currency converter with and without JavaScript. With JavaScript you get autosuggestions.
  • 14. hVp://developer.yahoo.net/blog/archives/2009/01/ accessible_converter.html
  • 15. Das Web ist nicht die Seite
  • 16. Das Web ist nicht der code
  • 17. Das Web besteht aus  leckeren Daten!
  • 18. Zugang zu diesen Daten zu  erlauben bedeutet  Barrierefreiheit.
  • 19. Um Daten einfach zu  verwalten, macht es Sinn  sie im Netz zu verteilen.
  • 20. CMS
  • 21. CMS Tags, Comments, Connections, Embeds
  • 22. Indem wir die Daten und  die Darstellung  voneinander trennen,  können wir aufzeigen, wie  barrierefreie Lösungen  aussehen.
  • 23. Easy Flickr screenshot showing donkeys hVp://icant.co.uk/easy‐flickr/index.php?s=donkeys
  • 24. hVp://icant.co.uk/easy‐youtube/?hVp:// www.youtube.com/watch?v=vkdZmi85gxk
  • 25. Einfache Bedienungen Suchfunk2on Copy+Paste URL zum weiterleiten Verschiedene Videogrössen Einfache Lautstärkenregelung Playlist miVels Del.icio.us YouTube Suche Open Source
  • 26. hVp://www.youtube.com/watch?v=CwsDKaalgq8 hVp://www.youtube.com/watch?v=QiuT0y0KR6I
  • 27. hVp://www.slideshare.net/hi.antonia/rich‐media‐and‐ web‐apps‐for‐people‐with‐learning‐disabili2es
  • 28. hVp://video.yahoo.com
  • 29. Trick #1 mit Flash: Abspielknöpfe ausserhalb  des Filmes ablegen!
  • 30. hVp://www.schillmania.com/projects/soundmanager2/
  • 31. hVp://dt.in.th/2008‐05‐18.javascript‐karaoke‐lyric‐scroller.html
  • 32. Screenshot of the JW Video Player hVp://www.jeroenwijering.com/?item=JW_FLV_Player
  • 33. hVp://icant.co.uk/sandbox/youtube‐cap2oning.html
  • 34. hVp://www.youtube.com/watch?v=_vJlADxbv4U&
  • 35. DE AD hVp://www.nihilogic.dk/labs/youtubeannota2ons/
  • 36. DE AD hVp://www.tubecap2on.com/watch? v=jpCPvHJ6p90&vcId=137
  • 37. Das Internet zu ändern ist  schwierig.
  • 38. Redesigns von Webseiten  gehen meistens in die Hose.
  • 39. Menschen lernen am  besten indem sie mit  etwas spielen.
  • 40. Auch ihr könnt mit dem  Web spielen und etwas  Neues erstellen.  
  • 41. Eines meiner  Lieblingsspielzeuge.
  • 42. Picture of Artur Ortega hVp://www.flickr.com/photos/redux/2474124685/
  • 43. hVp://icanhaz.com/twiVerwithlang
  • 44. hVp://www.wait‐2ll‐i.com/2008/11/23/show‐the‐world‐your‐ twiVer‐type‐using‐php‐and‐google‐charts/
  • 45. hVp://www.nicosteiner.de/archives/118‐YQL,‐YUI‐und‐ Yahoo!‐Pipes.html
  • 46. hVp://pipes.yahoo.com
  • 47. YQL     hVp://developer.yahoo.com/yql/console/
  • 48. YQL     hVp://developer.yahoo.com/yql/console/ select {was} from {wo}  where {kondi2onen}
  • 49. hVp://isithackday.com/hacks/frankfurt
  • 50. Kobayashi Maru
  • 51. select * from html where url="http://faz.de" and xpath="//h2 "
  • 52. select * from google.translate where q in ( select a from html where url="http://faz.de" and xpath="//h2" ) and target="en"
  • 53. select title from twitter.user.timeline where title like "%http%" and id="codepo8" or id="ydn"
  • 54. Vorteile von YQL ๏ APIs einfach mischen ๏ Resultate ausfiltern ๏ Einfache API Anmeldung ๏ Als Konsole oder Code ๏ Dokumenta2on inklusive ๏ Yahoos server als proxy  und Zugang.
  • 55. HTML als Datenquelle? hVp://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html
  • 56. hVp://isithackday.com/hacks/scraping‐with‐yql/
  • 57. Zeigt her eure Daten... hVp://developer.yahoo.com/yql/guide/yql‐opentables‐chapter.html
  • 58. INSERT INTO bitly.shorten (login, apiKey, longUrl) VALUES ('USERNAME', 'API_KEY', 'hVp:// yahoo.com') hVp://developer.yahoo.com/yql/guide/yql‐iud‐statements.html
  • 59. http://github.com/spullara/yql-tables/tree/master
  • 60. Und was hily uns beim  Webseiten erstellen?
  • 61. Libraries. (...)
  • 62. ARIA
  • 63. hVp://www.paciellogroup.com/blog/?cat=23 hVp://paciellogroup.com/blog/misc/ARIA/atmedia2008/
  • 64. ARIA
  • 65. hVp://yuiblog.com/blog/category/accessibility/
  • 66. hVp://code.google.com/p/google‐axsjax/
  • 67. hVp://code.google.com/p/majx‐js/
  • 68. Zeigt, was in euch steckt...
  • 69. Und hely Leuten wie mir  das web weiter zu  entwickeln und dabei nicht  Barrieren zu erstellen. HTML5? Canvas?  Chrome Frame?
  • 70. Man braucht nicht alles  alleine zu machen. Wir alle  wollen das gleiche ‐ ein  Web, das funk2oniert.
  • 71.  Chris2an Heilmann  hVp://wait‐2ll‐i.com  Danke!  hVp://developer‐evangelism.com  hVp://twiVer.com/codepo8