O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

HTML 5 Accessibility

15.854 visualizações

Publicada em

Publicada em: Tecnologia, Design

HTML 5 Accessibility

  1. Why is HTML5 Accessibility important? Because this child may never know HTML 4.
  2. HTML 5 Accessibility Steve Faulkner TPG [email_address] Standards Next June 27, 2009
  3. Importance
  4. Where the action has been alt required
  5. Potential <ul><li>Semantic elements </li></ul><ul><ul><li><nav> <article> <footer> etc. </li></ul></ul><ul><ul><ul><li>Not implemented in browsers </li></ul></ul></ul><ul><ul><ul><li>Not supported by AT </li></ul></ul></ul><ul><ul><ul><li>Can be used with ARIA roles </li></ul></ul></ul><ul><ul><ul><li>Redesigning with HTML 5 and WAI-ARIA </li></ul></ul></ul><ul><ul><ul><li>http://www.brucelawson.co.uk/2009/redesigning-with-html-5-wai-aria/ </li></ul></ul></ul>
  6. Potential <ul><li>Form controls </li></ul><ul><ul><li><input type=&quot;date“> <input type=&quot;range&quot;> etc. </li></ul></ul><ul><ul><ul><li>Only implemented in Opera 9.5+ </li></ul></ul></ul><ul><ul><ul><li>Keyboard accessibility </li></ul></ul></ul><ul><ul><ul><li>Not exposed to AT </li></ul></ul></ul><ul><ul><ul><li>HTML5 forms demo </li></ul></ul></ul><ul><ul><ul><li>http://brucelawson.co.uk/tests/html5-forms-demo.html </li></ul></ul></ul>
  7. Potential <ul><li>Audio & Video </li></ul><ul><ul><li>Native accessible controls </li></ul></ul><ul><ul><ul><ul><li>Implemented in Firefox 3.5 </li></ul></ul></ul></ul><ul><ul><li>Captioning and annotations </li></ul></ul><ul><ul><li>“ It has been decided that the first version of HTML5 <video> </li></ul></ul><ul><ul><li>(and <audio>) will not have an in-built solution for captions, audio </li></ul></ul><ul><ul><li>annotations and the like, because it is possible to do such with </li></ul></ul><ul><ul><li>javascript and external files.“ </li></ul></ul><ul><ul><li>Silvia Pfeiffer </li></ul></ul><ul><ul><ul><li>Accessibility of HTML 5 video and audio elements: </li></ul></ul></ul><ul><ul><ul><li>http://www.brucelawson.co.uk/2009/accessibility-of-html5-video-and-audio-elements/ </li></ul></ul></ul>
  8. Potential <ul><li>Drag & Drop </li></ul><ul><ul><li>native keyboard support - not mentioned in HTML 5 </li></ul></ul><ul><ul><li>Pretty much maps on to ARIA drag & drop except for providing state info about item being dragged. </li></ul></ul><ul><ul><ul><ul><li>More on Drag & drop </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Gez lemon article on Opera dev...coming soon </li></ul></ul></ul></ul>
  9. Potential shit fight <ul><li>Canvas </li></ul><ul><ul><li>Is being used to produce UI’s e.g. Bespin </li></ul></ul><ul><ul><li>Only way to make accessible is to create a duplicate of what’s created using canvas i.e big dirty bolt on accessibility </li></ul></ul>
  10. ARIA & HTML 5 Potential shit fight II <ul><li>Integration blocked on waiting for ARIA last call process </li></ul><ul><li>Separate spec – not dependent </li></ul><ul><li>Does not really matter </li></ul><ul><ul><li>Validation checking is available </li></ul></ul><ul><ul><li>Support in AT and Browsers is good </li></ul></ul>
  11. ARIA & HTML 5 <ul><li>ARIA validates in HTML5 </li></ul><ul><ul><li>Validator.nu & W3C validator have HTML5+ARIA checking </li></ul></ul>
  12. ARIA NOW
  13. ARIA NOW
  14. ARIA NOW
  15. The many faces of Bruce Lawson (AKA blorsen blorsensen )