HTML 5 Accessibility

  • 9,545 views
Uploaded on

 

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • The use of imagery in this demonstration is very effective. You've done a fantastic job here friend.
    Sharika
    http://financeadded.com http://traveltreble.com
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
9,545
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

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