Accessibility and webinnovation.             Chris Heilmann - Funkas Tillgänglighetsdagar, April 2011
Hello there...                 Chris Heilmann                      @codepo8                  wait-till-i.com              ...
Worries about accessibility
Disconnect
e big web re-boot.                      http://www.flickr.com/photos/gergtreble/4462755376/
Accessibility the show-stopper?
Accessibility tech is falling behind
Figure and Figcaption<figure>  <img src="bingresults.jpg"       alt="screenshot of Microsoft Bing">  <figcaption>    Figur...
ARIA needs IDs<figure>  <img alt="screenshot of Microsoft Bing"       src="bingresults.jpg"       aria-describedby="figure...
ARIA needs to move on, too...
You need to be accessible - it is thelaw!
Accessible products are better products
ose crazy kids and their ideas - itllnever work!
It is new! Everybody duck!                             http://www.flickr.com/photos/publicenergy/4222279663/
Painting a wrong image of accessibiliy
Accessibility is everywhere!                               http://www.flickr.com/photos/the_girl/24593210/
Lowering the kerb for people whowant to like accessibility
Digitising the world for conversion                          http://www.flickr.com/photos/linnybinnypix/1189018851/
Structuring allows conversion
Being loud and proud andcommunicating across borders                        http://www.flickr.com/photos/xakaxunknownx/461...
Dont just tell me, show me!
Right now, the web doesnt work thatway.
Bad interfaces with broken promises
Accessibilty enhancements as a paci er
“we added stuff for accessibility!”
Truth is - accessibility is hot right now
Mobile needs are accessibility needs.
Structured documents can beredesigned
Science ction shows us what could bedone.
You and I can be Iron Man!
Emerging technologies are human andmore accessible
Speech recognition.
Touch interfaces.
Device orientation and gyroscopes
http://www.flickr.com/photos/ginnerobot/3554231094/
Hidden functionality for those in theknow                  +
APIs
Opening up YouTube
Opening up YouTube     http://www.youtube.com/watch?v=CwsDKaalgq8     http://www.youtube.com/watch?v=QiuT0y0KR6I
Geek pride can be yours
Give simple instructions
Setting technology free
Native video and audio
Syncing video and other content
Native rich interaction and styles       http://mbostock.github.com/d3/
Input and output
Stop thinking in limits
e web is the platform
e web is the platform
e web is the platform
http://webvisum.com/
http://www.universalsubtitles.org/en/
Stop preaching to the choir
Stand proud and tall - we can be abutter y!
anks!Chris Heilmann     @codepo8       #mozilla#html5/freenet
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Accessibility and web innovation. (no notes)
Upcoming SlideShare
Loading in...5
×

Accessibility and web innovation. (no notes)

7,802

Published on

A talk about the broken communication between the accessibility world and the developer world and a few ideas how to break down the wall between the two.

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

No Downloads
Views
Total Views
7,802
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
41
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Accessibility and web innovation. (no notes)

  1. 1. Accessibility and webinnovation. Chris Heilmann - Funkas Tillgänglighetsdagar, April 2011
  2. 2. Hello there... Chris Heilmann @codepo8 wait-till-i.com #html5
  3. 3. Worries about accessibility
  4. 4. Disconnect
  5. 5. e big web re-boot. http://www.flickr.com/photos/gergtreble/4462755376/
  6. 6. Accessibility the show-stopper?
  7. 7. Accessibility tech is falling behind
  8. 8. Figure and Figcaption<figure> <img src="bingresults.jpg" alt="screenshot of Microsoft Bing"> <figcaption> Figure 1: A search result page </figcaption></figure>
  9. 9. ARIA needs IDs<figure> <img alt="screenshot of Microsoft Bing" src="bingresults.jpg" aria-describedby="figurecap0"> <figcaption id="figurecap0"> Figure 1: A search result page </figcaption></figure>
  10. 10. ARIA needs to move on, too...
  11. 11. You need to be accessible - it is thelaw!
  12. 12. Accessible products are better products
  13. 13. ose crazy kids and their ideas - itllnever work!
  14. 14. It is new! Everybody duck! http://www.flickr.com/photos/publicenergy/4222279663/
  15. 15. Painting a wrong image of accessibiliy
  16. 16. Accessibility is everywhere! http://www.flickr.com/photos/the_girl/24593210/
  17. 17. Lowering the kerb for people whowant to like accessibility
  18. 18. Digitising the world for conversion http://www.flickr.com/photos/linnybinnypix/1189018851/
  19. 19. Structuring allows conversion
  20. 20. Being loud and proud andcommunicating across borders http://www.flickr.com/photos/xakaxunknownx/46196787/
  21. 21. Dont just tell me, show me!
  22. 22. Right now, the web doesnt work thatway.
  23. 23. Bad interfaces with broken promises
  24. 24. Accessibilty enhancements as a paci er
  25. 25. “we added stuff for accessibility!”
  26. 26. Truth is - accessibility is hot right now
  27. 27. Mobile needs are accessibility needs.
  28. 28. Structured documents can beredesigned
  29. 29. Science ction shows us what could bedone.
  30. 30. You and I can be Iron Man!
  31. 31. Emerging technologies are human andmore accessible
  32. 32. Speech recognition.
  33. 33. Touch interfaces.
  34. 34. Device orientation and gyroscopes
  35. 35. http://www.flickr.com/photos/ginnerobot/3554231094/
  36. 36. Hidden functionality for those in theknow +
  37. 37. APIs
  38. 38. Opening up YouTube
  39. 39. Opening up YouTube http://www.youtube.com/watch?v=CwsDKaalgq8 http://www.youtube.com/watch?v=QiuT0y0KR6I
  40. 40. Geek pride can be yours
  41. 41. Give simple instructions
  42. 42. Setting technology free
  43. 43. Native video and audio
  44. 44. Syncing video and other content
  45. 45. Native rich interaction and styles http://mbostock.github.com/d3/
  46. 46. Input and output
  47. 47. Stop thinking in limits
  48. 48. e web is the platform
  49. 49. e web is the platform
  50. 50. e web is the platform
  51. 51. http://webvisum.com/
  52. 52. http://www.universalsubtitles.org/en/
  53. 53. Stop preaching to the choir
  54. 54. Stand proud and tall - we can be abutter y!
  55. 55. anks!Chris Heilmann @codepo8 #mozilla#html5/freenet
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×