barrierefreiheit im datennetz

Barrierefreiheit imNetz der Daten

Chris2an Heilmann, Best of Accessibility, Duesseldorf, September 2009

Webentwickler habens schwer.

Barrierefreiheit ist eigentlich einfach.

Ein Problem ist das das “Problem Barrierefreiheit” auf uns abgeschoben wird.

Und wenn wir dann etwas fast barrierefrei erstellt haben meckern hauptsächlich andere Entwickler...

Die Hauptursache fuer dieses Dilemma ist das wir das Web falsch anpacken.

Web Technologie ist nicht so schlecht wie wir sie immer darstellen...

160x200 Aufloesung16 Farben4 Farben in jedem 8x8 Block

Web Technologien sind gut genug ‐ wenn man sie rich2g anwendet.

hVp://uk.tv.yahoo.com

hVp://uk.tv.yahoo.com

hVp://finance.yahoo.com/currency‐converter?u#from=USD;to=EUR;amt=1

Screenshot of a currency converter with and without JavaScript. With JavaScript you

get autosuggestions.

hVp://developer.yahoo.net/blog/archives/2009/01/accessible_converter.html

Das Web ist nicht die Seite

Das Web ist nicht der code

Das Web besteht aus leckeren Daten!

Zugang zu diesen Daten zu erlauben bedeutet Barrierefreiheit.

Um Daten einfach zu verwalten, macht es Sinn sie im Netz zu verteilen.

CMS

CMS

Tags, Comments, Connections, Embeds

Indem wir die Daten und die Darstellung voneinander trennen, können wir aufzeigen, wie barrierefreie Lösungen aussehen.

Easy Flickr screenshot

showing donkeys

hVp://icant.co.uk/easy‐flickr/index.php?s=donkeys

hVp://icant.co.uk/easy‐youtube/?hVp://www.youtube.com/watch?v=vkdZmi85gxk

★ Einfache Bedienungen

★ Suchfunk2on

★ Copy+Paste URL zum weiterleiten

★ Verschiedene Videogrössen

★ Einfache Lautstärkenregelung

★ Playlist miVels Del.icio.us

★ YouTube Suche

★ Open Source

hVp://www.youtube.com/watch?v=CwsDKaalgq8hVp://www.youtube.com/watch?v=QiuT0y0KR6I

hVp://www.slideshare.net/hi.antonia/rich‐media‐and‐web‐apps‐for‐people‐with‐learning‐disabili2es

hVp://video.yahoo.com

Trick #1 mit Flash:Abspielknöpfe ausserhalb des Filmes ablegen!

hVp://www.schillmania.com/projects/soundmanager2/

hVp://dt.in.th/2008‐05‐18.javascript‐karaoke‐lyric‐scroller.html

Screenshot of the JW Video Player

hVp://www.jeroenwijering.com/?item=JW_FLV_Player

hVp://icant.co.uk/sandbox/youtube‐cap2oning.html

hVp://www.youtube.com/watch?v=_vJlADxbv4U&

hVp://www.nihilogic.dk/labs/youtubeannota2ons/

DEAD

hVp://www.tubecap2on.com/watch?v=jpCPvHJ6p90&vcId=137

DEAD

Das Internet zu ändern ist schwierig.

Redesigns von Webseiten gehen meistens in die Hose.

Menschen lernen am besten indem sie mit etwas spielen.

Auch ihr könnt mit dem Web spielen und etwas Neues erstellen.  

Eines meiner Lieblingsspielzeuge.

Picture of

Artur Ortega

hVp://www.flickr.com/photos/redux/2474124685/

hVp://icanhaz.com/twiVerwithlang

hVp://www.wait‐2ll‐i.com/2008/11/23/show‐the‐world‐your‐twiVer‐type‐using‐php‐and‐google‐charts/

hVp://www.nicosteiner.de/archives/118‐YQL,‐YUI‐und‐Yahoo!‐Pipes.html

hVp://pipes.yahoo.com

YQL    hVp://developer.yahoo.com/yql/console/

YQL    hVp://developer.yahoo.com/yql/console/

select {was} from {wo} where {kondi2onen}

hVp://isithackday.com/hacks/frankfurt

Kobayashi Maru

select * from html where url="http://faz.de" and xpath="//h2 "

select * from google.translate where q in ( select a from html where url="http://faz.de" and xpath="//h2") and target="en"

select title from twitter.user.timeline where title like "%http%" and id="codepo8" or id="ydn"

๏APIs einfach mischen๏Resultate ausfiltern๏Einfache API Anmeldung๏Als Konsole oder Code๏Dokumenta2on inklusive๏Yahoos server als proxy und Zugang.

Vorteile von YQL

hVp://www.dcs.gla.ac.uk/~joy/fun/jokes/TV.html

HTML als Datenquelle?

hVp://isithackday.com/hacks/scraping‐with‐yql/

hVp://developer.yahoo.com/yql/guide/yql‐opentables‐chapter.html

Zeigt her eure Daten...

hVp://developer.yahoo.com/yql/guide/yql‐iud‐statements.html

INSERT INTO bitly.shorten (login, apiKey, longUrl) VALUES ('USERNAME', 'API_KEY', 'hVp://yahoo.com')

http://github.com/spullara/yql-tables/tree/master

Und was hily uns beim Webseiten erstellen?

Libraries.

(...)

ARIA

hVp://www.paciellogroup.com/blog/?cat=23

hVp://paciellogroup.com/blog/misc/ARIA/atmedia2008/

ARIA

hVp://yuiblog.com/blog/category/accessibility/

hVp://code.google.com/p/google‐axsjax/

hVp://code.google.com/p/majx‐js/

Zeigt, was in euch steckt...

Und hely Leuten wie mir das web weiter zu entwickeln und dabei nicht Barrieren zu erstellen.

HTML5? Canvas? Chrome Frame?

Man braucht nicht alles alleine zu machen. Wir alle wollen das gleiche ‐ ein Web, das funk2oniert.

  Chris2an Heilmann  hVp://wait‐2ll‐i.com   hVp://developer‐evangelism.com  hVp://twiVer.com/codepo8   

Danke!