barrierefreiheit im datennetz

Click here to load reader

Post on 15-May-2015

3.310 views

Category:

Design

0 download

Embed Size (px)

DESCRIPTION

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.

TRANSCRIPT

  • 1. BarrierefreiheitimNetzderDatenChris2anHeilmann,BestofAccessibility,Duesseldorf,September2009

2. Webentwicklerhabens schwer. 3. Barrierefreiheitist eigentlicheinfach. 4. EinProblemistdasdas ProblemBarrierefreiheit aufunsabgeschobenwird. 5. Undwennwirdannetwas fastbarrierefreierstellt habenmeckern hauptschlichandere Entwickler... 6. DieHauptursachefuer diesesDilemmaistdaswir dasWebfalschanpacken. 7. WebTechnologieistnicht soschlechtwiewirsie immerdarstellen... 8. 160x200Auoesung 16Farben 4Farbeninjedem8x8Block 9. WebTechnologiensindgut genugwennmansie rich2ganwendet. 10. hVp://uk.tv.yahoo.com 11. hVp://uk.tv.yahoo.com 12. hVp://nance.yahoo.com/currencyconverter? 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. DasWebistnichtdieSeite 16. DasWebistnichtdercode 17. DasWebbestehtaus leckerenDaten! 18. ZugangzudiesenDatenzu erlaubenbedeutet Barrierefreiheit. 19. UmDateneinfachzu verwalten,machtesSinn sieimNetzzuverteilen. 20. CMS 21. CMS Tags, Comments, Connections, Embeds 22. IndemwirdieDatenund dieDarstellung voneinandertrennen, knnenwiraufzeigen,wie barrierefreieLsungen aussehen. 23. Easy Flickr screenshotshowing donkeyshVp://icant.co.uk/easyickr/index.php?s=donkeys 24. hVp://icant.co.uk/easyyoutube/?hVp:// www.youtube.com/watch?v=vkdZmi85gxk 25. EinfacheBedienungen Suchfunk2on Copy+PasteURLzumweiterleiten VerschiedeneVideogrssen EinfacheLautstrkenregelung PlaylistmiVelsDel.icio.us YouTubeSuche OpenSource 26. hVp://www.youtube.com/watch?v=CwsDKaalgq8 hVp://www.youtube.com/watch?v=QiuT0y0KR6I 27. hVp://www.slideshare.net/hi.antonia/richmediaandwebappsforpeoplewithlearningdisabili2es 28. hVp://video.yahoo.com 29. Trick#1mitFlash: Abspielknpfeausserhalb desFilmesablegen! 30. hVp://www.schillmania.com/projects/soundmanager2/ 31. hVp://dt.in.th/20080518.javascriptkaraokelyricscroller.html 32. Screenshot of the JW Video Player hVp://www.jeroenwijering.com/?item=JW_FLV_Player 33. hVp://icant.co.uk/sandbox/youtubecap2oning.html 34. hVp://www.youtube.com/watch?v=_vJlADxbv4U& 35. DEAD hVp://www.nihilogic.dk/labs/youtubeannota2ons/ 36. DE AD hVp://www.tubecap2on.com/watch?v=jpCPvHJ6p90&vcId=137 37. DasInternetzundernist schwierig. 38. RedesignsvonWebseiten gehenmeistensindieHose. 39. Menschenlernenam bestenindemsiemit etwasspielen. 40. Auchihrknntmitdem Webspielenundetwas Neueserstellen. 41. Einesmeiner Lieblingsspielzeuge. 42. Picture ofArtur OrtegahVp://www.ickr.com/photos/redux/2474124685/ 43. hVp://icanhaz.com/twiVerwithlang 44. hVp://www.wait2lli.com/2008/11/23/showtheworldyour twiVertypeusingphpandgooglecharts/ 45. hVp://www.nicosteiner.de/archives/118YQL,YUIund 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. KobayashiMaru 51. select * from html where url="http://faz.de" and xpath="//h2 " 52. select * from google.translate where q in (select a from html whereurl="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. VorteilevonYQL APIseinfachmischen Resultateausltern EinfacheAPIAnmeldung AlsKonsoleoderCode Dokumenta2oninklusive Yahoosserveralsproxy undZugang. 55. HTMLalsDatenquelle?hVp://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html 56. hVp://isithackday.com/hacks/scrapingwithyql/ 57. ZeigthereureDaten... hVp://developer.yahoo.com/yql/guide/yqlopentableschapter.html 58. INSERTINTObitly.shorten(login,apiKey,longUrl)VALUES('USERNAME','API_KEY','hVp:// yahoo.com') hVp://developer.yahoo.com/yql/guide/yqliudstatements.html 59. http://github.com/spullara/yql-tables/tree/master 60. Undwashilyunsbeim Webseitenerstellen? 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/googleaxsjax/ 67. hVp://code.google.com/p/majxjs/ 68. Zeigt,wasineuchsteckt... 69. UndhelyLeutenwiemir daswebweiterzu entwickelnunddabeinicht Barrierenzuerstellen.HTML5?Canvas?ChromeFrame? 70. Manbrauchtnichtalles alleinezumachen.Wiralle wollendasgleicheein Web,dasfunk2oniert. 71. Chris2anHeilmann hVp://wait2lli.com Danke! hVp://developerevangelism.com hVp://twiVer.com/codepo8