accessihacking - how i got my mashup groove back
DESCRIPTION
My presentation for barcamp4 in LondonTRANSCRIPT
![Page 1: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/1.jpg)
Accessihacking
How I got my mashup groove back.
Christian Heilmann, BarCamp 4, London, May 2008
![Page 2: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/2.jpg)
The once enticing and amazing world of mashups
and ethical hacking started to bore me.
![Page 3: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/3.jpg)
I’ve seen a lot and a lot of repetition.
![Page 4: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/4.jpg)
Random data on maps.
![Page 5: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/5.jpg)
Seemingly useful data from other sources next to the one
I was really interested in.
![Page 6: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/6.jpg)
My music with my photos.
![Page 7: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/7.jpg)
... and so on.
![Page 8: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/8.jpg)
It was all a bit like déja vu.
![Page 9: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/9.jpg)
It was all a bit like déja vu.
![Page 10: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/10.jpg)
The problem?
![Page 11: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/11.jpg)
None of this made any difference to the world
around me or actually my own life.
![Page 12: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/12.jpg)
Then something cool happened.
![Page 14: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/14.jpg)
Find real world problems and mix those with the
enthusiasm of ethical hacking.
![Page 15: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/15.jpg)
Instead of struggling to find problems to solve, geeks got
them delivered to them.
![Page 16: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/16.jpg)
One entry especially got me very interested.
![Page 17: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/17.jpg)
I was especially fascinated by enabled by design.
http://enabled.sicamp.org/
![Page 18: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/18.jpg)
Enabled by design takes something people are very fascinated about – product
design – and marries it with a need of real people.
![Page 19: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/19.jpg)
That made me wonder about other things that can be done
that way.
![Page 20: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/20.jpg)
Luckily there is a whole new market flourishing – social
entrepreneurship.
![Page 21: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/21.jpg)
• The catalyst awards
http://ukcatalystawards.org/
![Page 22: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/22.jpg)
It is time not to “scratch the developer’s itch” but to
tackle real problems with our hacking kung-foo skills.
![Page 23: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/23.jpg)
So what am I doing?
![Page 24: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/24.jpg)
Reading a lot of emails, attending conferences and seeing demands made me bored of the accessibility
movement in our area.
![Page 25: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/25.jpg)
People that really needed our help never got to voice their
concerns.
![Page 26: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/26.jpg)
Instead we concentrated on technical details, following
best practices that never got tested in the real world and
generally stalled, waiting for the law to make accessibility
a must.
![Page 27: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/27.jpg)
It is about people.
Not about technology.
![Page 28: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/28.jpg)
We will never build perfect solutions without input from people who we want to help.
![Page 29: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/29.jpg)
The biggest problem in accessibility these days is
online video.
![Page 30: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/30.jpg)
Which is ironic, as it is also an amazing accessibility
opportunity.
![Page 31: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/31.jpg)
Yahoo live showing hard of hearing people chatting with
another in sign language.
http://blog.deafread.com/abcohende/2008/02/15/yahoos-live-deaf-chat-room/
![Page 32: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/32.jpg)
At the accessibility 2.0 conference earlier this year
Antonia Hyde showed what a video player for people with
learning disabilities might look like.
![Page 33: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/33.jpg)
This was a challenge I loved.
![Page 34: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/34.jpg)
a more accessible
youtube player
http://icant.co.uk/easy-youtube/?http://www.youtube.com/watch?v=9i0-btCTdN8
![Page 35: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/35.jpg)
This is being tested and ammended after feedback
right now.
![Page 36: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/36.jpg)
The fascinating thing is that I am getting feedback from
schools that they use it, and from blind people thanking
me for making it.
![Page 37: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/37.jpg)
I never planned it to be screen-reader compatible!
![Page 38: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/38.jpg)
I used JavaScript, the YouTube JS API and some
HTML to hack this system in a way the developers never
intended.
![Page 39: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/39.jpg)
There were YouTube JS players before, but they
mimicked the interface with HTML and CSS instead of
altering it.
![Page 40: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/40.jpg)
Other things I tried to tackle already:
![Page 41: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/41.jpg)
Timed captioning
![Page 42: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/42.jpg)
http://icant.co.uk/sandbox/youtube-captioning.html
![Page 43: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/43.jpg)
Twitter in natural language.
![Page 44: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/44.jpg)
http://icanhaz.com/twitterwithlang
![Page 45: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/45.jpg)
My question to you now is:
![Page 46: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/46.jpg)
Am I just being a tree-hugging freak again or do we
have something cool and worth pursuing here?
![Page 47: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/47.jpg)
In other words:
![Page 48: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/48.jpg)
Should I organize a hackday that marries bleeding edge APIs and technologies and targets accessibility issues
with them?
![Page 49: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/49.jpg)
Would you be up for that?
![Page 50: Accessihacking - How I Got My Mashup Groove Back](https://reader034.vdocuments.mx/reader034/viewer/2022051815/5406f0888d7f7288088b48c4/html5/thumbnails/50.jpg)
Thanks!Questions?