a11y goes to 11   …using HTML5+ and CSS3+             by Eric Eggert @yatil / @webcontravelers
#a11yto11
2010#fronteers10
2011#fronteers11
accessibility
11accessibility       b
New exciting webtechnologies enableus to do moreaccessibleweb sitesby doing less.
HTML4
HTML4
HTML5
We need toget rid ofthe dogmas.
Responsive Web         Design+ universally works on every screen size+ simplifies layout for users who need extremelylow sc...
Robust
Web fonts+ readable by screen readers+ resizable+ easy to implement- di cult to read for mentally challenged people- sligh...
Perceivable
Forms+ validation before sending means less errors+ required, invalid and disabled visible to SR+ input according to the t...
Understandable
Audio &Video+ HTML controls increase accessibility+ adding subtitles is easy+ users are in control of autoplay1- multiple ...
Operable
It’s hard to reachPerfectionand when you do, it is often   destroyed by others.
We’ll help!@ScreenOrigami & @yatil
Screenshota11yto11.com a11yto11.com
Inexpensive  10 tips tailored to    your web site
avoid the pitfalls
thank you!  Follow us on twitter:       @a11yto11@ScreenOrigami & @yatil   @webcontravelers
Fronteers11 Jam Session: a11y goes to 11
Fronteers11 Jam Session: a11y goes to 11
Fronteers11 Jam Session: a11y goes to 11
Upcoming SlideShare
Loading in …5
×

Fronteers11 Jam Session: a11y goes to 11

99,853 views

Published on

Published in: Technology, Design
  • Be the first to comment

Fronteers11 Jam Session: a11y goes to 11

  1. a11y goes to 11 …using HTML5+ and CSS3+ by Eric Eggert @yatil / @webcontravelers
  2. #a11yto11
  3. 2010#fronteers10
  4. 2011#fronteers11
  5. accessibility
  6. 11accessibility b
  7. New exciting webtechnologies enableus to do moreaccessibleweb sitesby doing less.
  8. HTML4
  9. HTML4
  10. HTML5
  11. We need toget rid ofthe dogmas.
  12. Responsive Web Design+ universally works on every screen size+ simplifies layout for users who need extremelylow screen resolutions (screen magnifying)- di cult to implement if your project is complex
  13. Robust
  14. Web fonts+ readable by screen readers+ resizable+ easy to implement- di cult to read for mentally challenged people- slight performance penalty
  15. Perceivable
  16. Forms+ validation before sending means less errors+ required, invalid and disabled visible to SR+ input according to the type attribute+ easy to implement- own validation may interfere visually- mind that post codes are not numbers
  17. Understandable
  18. Audio &Video+ HTML controls increase accessibility+ adding subtitles is easy+ users are in control of autoplay1- multiple formats needed (ogg/webm + mp4)(1 Not yet implemented, but possible.)
  19. Operable
  20. It’s hard to reachPerfectionand when you do, it is often destroyed by others.
  21. We’ll help!@ScreenOrigami & @yatil
  22. Screenshota11yto11.com a11yto11.com
  23. Inexpensive 10 tips tailored to your web site
  24. avoid the pitfalls
  25. thank you! Follow us on twitter: @a11yto11@ScreenOrigami & @yatil @webcontravelers

×