Your SlideShare is downloading. ×
0
Accessible
    web applica,ons
Chris,an Heilmann ‐ European Accessibility Forum, Frankfurt/Main, 27/03/09
A lot of web applica,ons 
   are not accessible.
There are several 
reasons for this.
Changing exis,ng web 
applica,ons is possible, 
      but a pain.
In a lot of cases, 
maintainers of web apps 
are simply not aware of 
 the issues they cause.
So we need to 
find and tell 
people the real 
informa,on.
  hJp://scrip,ngenabled.org/presenta,ons/
And then show in easy 
 proof of concepts that 
the change can happen 
  and have an impact.
This can have a massive 
        impact.
hJp://icant.co.uk/easy‐youtube/
hJp://www.youtube.com/watch?v=dHBvqwRAduw
 hJp://www.youtube.com/watch?v=CwsDKaalgq8&
 hJp://www.youtube.com/watch?v=QiuT0...
hJp://video.yahoo.com
Do you need to be a 
coding wizard to show 
 how changes can be 
       made?
hJp://www.nicosteiner.de/archives/118‐YQL,‐YUI‐und‐
                Yahoo!‐Pipes.html
hJp://developer.yahoo.com/yql/console/
This can help you with an 
                          
 exis,ng app, but what 
    about new ones?
What we should 
concentrate on is how do 
 we create new apps in a 
  way that is accessible.
Here are some ideas...
Simplicity
List of links?
ARIA enabled tab control?
How about radio group?
Data table?
Grid control?
What about a 
heading structure 
with lists and 
clever CSS?
Excellence
hJp://finance.yahoo.com/currency‐converter?u#from=USD;to=GBP;amt=1

hJp://developer.yahoo.net/blog/archives/2009/01/accessi...
Re‐use
Web applica,ons can be 
built using exis,ng lego 
  bricks of controls.
We’ve already created all 
    of these bricks in 
  libraries: Dojo, YUI, 
         jQuery...
And now more and more 
   of those get ARIA 
support for accessibility.
hJp://yuiblog.com/blog/category/accessibility/
And we share our 
findings and ideas.
All we want is for you to 
make it worth our while 
 by building upon our 
        efforts.
Accessible web applications
Accessible web applications
Upcoming SlideShare
Loading in...5
×

Accessible web applications

6,681

Published on

My presentation at the panel on accessible web applications at the European Accessibility Forum in Frankfurt

Published in: Design, Technology
1 Comment
29 Likes
Statistics
Notes
  • Christian Heilmann: Accessible Web Applications from namics on Vimeo. Also available with a German translation
    <br /><object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf?clip_id=3924498&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" width="350" height="288"><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3924498&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1"></param><embed src="http://vimeo.com/moogaloop.swf?clip_id=3924498&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=1" width="350" height="288" type="application/x-shockwave-flash"></embed></object>
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
6,681
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
158
Comments
1
Likes
29
Embeds 0
No embeds

No notes for slide

Transcript of "Accessible web applications"

  1. 1. Accessible web applica,ons Chris,an Heilmann ‐ European Accessibility Forum, Frankfurt/Main, 27/03/09
  2. 2. A lot of web applica,ons  are not accessible.
  3. 3. There are several  reasons for this.
  4. 4. Changing exis,ng web  applica,ons is possible,  but a pain.
  5. 5. In a lot of cases,  maintainers of web apps  are simply not aware of  the issues they cause.
  6. 6. So we need to  find and tell  people the real  informa,on. hJp://scrip,ngenabled.org/presenta,ons/
  7. 7. And then show in easy  proof of concepts that  the change can happen  and have an impact.
  8. 8. This can have a massive  impact.
  9. 9. hJp://icant.co.uk/easy‐youtube/
  10. 10. hJp://www.youtube.com/watch?v=dHBvqwRAduw hJp://www.youtube.com/watch?v=CwsDKaalgq8& hJp://www.youtube.com/watch?v=QiuT0y0KR6I
  11. 11. hJp://video.yahoo.com
  12. 12. Do you need to be a  coding wizard to show  how changes can be  made?
  13. 13. hJp://www.nicosteiner.de/archives/118‐YQL,‐YUI‐und‐ Yahoo!‐Pipes.html
  14. 14. hJp://developer.yahoo.com/yql/console/
  15. 15. This can help you with an    exis,ng app, but what  about new ones?
  16. 16. What we should  concentrate on is how do  we create new apps in a  way that is accessible.
  17. 17. Here are some ideas...
  18. 18. Simplicity
  19. 19. List of links? ARIA enabled tab control?
  20. 20. How about radio group?
  21. 21. Data table? Grid control?
  22. 22. What about a  heading structure  with lists and  clever CSS?
  23. 23. Excellence
  24. 24. hJp://finance.yahoo.com/currency‐converter?u#from=USD;to=GBP;amt=1 hJp://developer.yahoo.net/blog/archives/2009/01/accessible_converter.html
  25. 25. Re‐use
  26. 26. Web applica,ons can be  built using exis,ng lego  bricks of controls.
  27. 27. We’ve already created all  of these bricks in  libraries: Dojo, YUI,  jQuery...
  28. 28. And now more and more  of those get ARIA  support for accessibility.
  29. 29. hJp://yuiblog.com/blog/category/accessibility/
  30. 30. And we share our  findings and ideas.
  31. 31. All we want is for you to  make it worth our while  by building upon our  efforts.
  1. A particular slide catching your eye?

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

×