HTML5 Accessibility Support (CSUN 2013)

6,244 views

Published on

Talk from CSUN 2013 with Steve Faulkner. Understanding the web accessibility stack, and the current state of HTML5 accessibility support in browsers and screen readers.

Published in: Technology
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
6,244
On SlideShare
0
From Embeds
0
Number of Embeds
540
Actions
Shares
0
Downloads
22
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • Screenshot of wireframe like rfepresentation of a web page with header/nav/footer and main containing 3 article elements
  • Screenshot of Aviewer showing accessibility information for an image.
  • HTML5 Accessibility Support (CSUN 2013)

    1. 1. HTML5 Accessibility Wheres it at?Leonie WatsonNomensaSteve Faulknerthe paciello group
    2. 2. You laugh now, wait till you join the HTML working group
    3. 3. all the excitement
    4. 4. all the work
    5. 5. HTML is BIG
    6. 6. web technology stacked
    7. 7. MathMLHTML5 makes using stuff easierSVG new semantic structures new UI controls ARIA audio video
    8. 8. new New UI controls = potential UI controls accessibility improvementsDate and Time inputLocal Date and Time inputE-mail inputMonth inputNumber inputRange inputdatalistdetailsmenumeterprogress
    9. 9. new New UI controls = potential UI controls accessibility improvements1. browsers need to implement the new controls2. browsers need to implement accessibility support for the new controlsand really the 2 should not be separate, but they are...
    10. 10. Accessibility APIs MSAA Iaccessible2 roles UI automation states AXpropertiesinteraction STK + input device support
    11. 11. Accessibility API Input device: press touch clickbrowser role=button state=focusedvalue=submit query form controls demo action=press
    12. 12. new UIcontrols browser implementation Accessibility support implementation is a further subset
    13. 13. ?When will browserswhen will browsers ?implement HTML5 UI features in a way thatimplement HTML5 UIexpose HTML5 featuresdevelopers will want to use them?features?via accessibility APIs or more to the point ?When will the CSS hooks be implemented toallow flexible, atomic styling of control andtheir sub elements? ? ?
    14. 14. audio video captioning
    15. 15. accessibility information
    16. 16. new structural elements in HTML5Using WAI -ARIA Landmark Roles | Screen reader support for HTML5 sections
    17. 17. matching features to semantics <figure> alt="The castle lies in ruins, the original tower all that remains in one piece."<figcaption>Film photograph. <span lang="fr">Séraphin Médéric Mieusement </span>, 1936.</figcaption> </figure> • HTML5 Accessibility Chops: the figure and figcaption elements • HTML5 Accessibility Chops: using nested figure elements
    18. 18. figure Accessibility API mappingHTML to Platform Accessibility APIs Implementation Guide
    19. 19. figcaption Accessibility API mappingHTML to Platform Accessibility APIs Implementation Guide
    20. 20. HTML5accessibility.com
    21. 21. HTML5Accessibility.com
    22. 22. Accessibility testing tool aViewer
    23. 23. thank you https://twitter.com/LeonieWatson https://twitter.com/stevefaulkner http://html5accessibility.com

    ×