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