Why is HTML5 Accessibility important? Because this child may never know HTML 4.

HTML 5 Accessibility Steve Faulkner TPG [email_address] Standards Next June 27, 2009

Importance

Where the action has been alt required

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/

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/

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

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

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/

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/

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

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

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

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

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

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

ARIA & HTML 5 ARIA validates in HTML5 Validator.nu & W3C validator have HTML5+ARIA checking

ARIA validates in HTML5

Validator.nu & W3C validator have HTML5+ARIA checking

ARIA NOW

ARIA NOW

ARIA NOW

The many faces of Bruce Lawson (AKA blorsen blorsensen )