HTML 5 Accessibility
Download as PPT, PDF14 likes10,426 views
HTML5 accessibility is important because it allows people with disabilities to access web content. Key areas of HTML5 that need accessibility include semantic elements, forms, audio/video, drag and drop. However, browser and assistive technology support for accessible HTML5 is still limited. ARIA roles can help make HTML5 more accessible and is being integrated, but full support is still in development.
![HTML 5 Accessibility Steve Faulkner TPG [email_address] Standards Next June 27, 2009](https://image.slidesharecdn.com/html5accessibility-090629052045-phpapp01/85/HTML-5-Accessibility-2-320.jpg)
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 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="date“> <input type="range"> 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 )