This presentation uses an out-of-the box HTML slideshow script which
by itself is unaccessible. Keybindings exist to traverse forward and
backward with arrow keys, but focus never shifts as the slides
advance. The slides themselves are well structured, so you can use a
read all command to listen to everything linearly. I've also added a
live region which should work well for screen readers that support
live regions. As you traverse through the slides using arrow keys,
the slide's content will be added to the live region. If all else
fails, you can also access the slideshow content by turning off CSS
Accessibility Features of HTML5
With Mark Sadecki, W3C / Web Accessibility Initiative
- Open Web Platform
- Accessibility in the OWP
- HTML5 Accessibility / Demos
- Improved Semantics
HTML Accessibility Task Force
- Mandate to develop accessibility solutions:
- Technical Reports
- Extension Specifications
- Integration Path
- Reach consensus on accessibility issues
The Open Web Platform
HTML5 is at the heart of the Open Web Platform. Since the Open Web Platform will be used in more places than just the web (like digital publishing, home entertainment, automobiles and gaming) it's imperative that it all it's features are accessible.
The Web - The Great Equalizer
The power of the Web is in its universality.
Access by everyone regardless of ability is an essential aspect.
- Tim Berners-Lee
W3C Director and inventor of the World Wide Web
Accessibility in HTML5
- Structured access through improved semantics
- Ability to bring desktop paradigms into the browser
- More options for creating text equivalents for graphics
- Native support for synchronized captions, sign language, i18n and
Describe your document structure with sectioning elements
<input> element - New types
<input> element - New attributes
- Accessibility for dynamic content
- Wired into accessibility APIs
- Roles, states, properties
- Programmatically link elements with labels and descriptions
aria-label, aria-labelledby, aria-describedby
HTML5 formfield type equals text has focus, iOS keyboard shows a standard onscreen text keyboard.
HTML5 formfield type equals search has focus, iOS displays the form field with rounded corners, consist with Search boxes on the rest of the OS.
HTML5 formfield type equals tel has focus, iOS keyboard shows a phone number dialing keyboard.
HTML5 formfield type equals url has focus, iOS keyboard shows text keyboard with .com, slash and dot buttons.
HTML5 formfield type equals datetime has email, iOS keyboard shows text keyboard with @ and dot buttons.
HTML5 formfield type equals datetime has focus, iOS keyboard shows a scrolling month/day/year and hour/minute picker.
HTML5 formfield type equals date has focus, iOS keyboard shows a scrolling month/day/year picker.
HTML5 formfield type equals month has focus, iOS keyboard shows a scrolling month/year picker.
HTML5 formfield type equals time has focus, iOS keyboard shows a scrolling hour/minute picker.
HTML5 formfield type equals text, the field with spellcheck="true" shows dotted red underline under mispelled word and the field with spellcheck="false" does not.
- Group images (and more) with their description
- Provide equivalent interactivity and behaviors for dynamic and/or bitmap images
- Provide extended descriptions for complex images
- Provide detailed guidance to authors
Challenges with Accessibility in Canvas
- They're just pixels in a box
- Solution: Specify Regions
- How do we define roles/states/properties?
- Solution: Map those regions to Fallback Content
- How do we indicate focus?
- Solution: drawFocusIfNeeded()
- New HTML5 Media elements
- New opportunities for Accessibility
- Native controls
- Synchronized captions, audio description and sign language
- Navigation within the media
- Timed Text
- Text Video Description
- Captions can be styled and positioned
- Paint-on captions
- Speaker semantics
- Navigation (chapters)
- Video API (in-band/embedded)
- Video and Audio
- Video and Video
- Video API (in-band/embedded)
- Roll your own synchronization
- Modify the time scale
Synchronized Audio Description
What's the Status of HTML5
HTML5 is in Candidate Recommendation
- Scheduled to be complete in 2014
- Current focus is implementation testing
Where is the support at?
- Assistive Technology
- Feature Detection
- Already have a First Public Working Draft
- Scheduld to be a Recommendation by Q4 2016