Your SlideShare is downloading. ×
0
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
HTML 5 Accessibility
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML 5 Accessibility

9,988

Published on

Published in: Technology, Design
1 Comment
14 Likes
Statistics
Notes
No Downloads
Views
Total Views
9,988
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
58
Comments
1
Likes
14
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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>&lt;nav&gt; &lt;article&gt; &lt;footer&gt; 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>&lt;input type=&amp;quot;date“&gt; &lt;input type=&amp;quot;range&amp;quot;&gt; 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 &amp; 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 &lt;video&gt; </li></ul></ul><ul><ul><li>(and &lt;audio&gt;) 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 &amp; 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 &amp; drop except for providing state info about item being dragged. </li></ul></ul><ul><ul><ul><ul><li>More on Drag &amp; 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 &amp; 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 &amp; HTML 5 <ul><li>ARIA validates in HTML5 </li></ul><ul><ul><li>Validator.nu &amp; 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 )

×