Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fronteers11 Jam Session: a11y goes to 11

Eric Eggert
October 06, 2011

Fronteers11 Jam Session: a11y goes to 11

With this presentation, I wanted to encourage web devs to use and embrace modern web technologies, showing that they might not be inaccessible per se. Accessibility is FUN!

Eric Eggert

October 06, 2011

More Decks by Eric Eggert

Other Decks in Education


  1. a11y goes to 11 …using HTML5+ and CSS3+ by Eric

    Eggert @yatil / @webcontravelers
  2. Responsive Web Design + universally works on every screen size

    + simplifies layout for users who need extremely low screen resolutions (screen magnifying) - di cult to implement if your project is complex
  3. Web fonts + readable by screen readers + resizable +

    easy to implement - di cult to read for mentally challenged people - slight performance penalty
  4. 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
  5. 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.)
  6. It’s hard to reach Perfection and when you do, it

    is often destroyed by others. Image source: @marklad