Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

HTML 5 Accessibility

15.910 Aufrufe

Veröffentlicht am

Veröffentlicht in: Technologie, 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 )

×