Dynamic content and HTML5 technologies are rapidly become a standard part of web design. This tutorial will show how to use the Accessible Rich Internet Accessibility (ARIA) technologies and HTML5/CSS to improve the accessibility of dynamic web content to meet WCAG 2.0 Level A and AA requirements. Participants will learn how accessible markup impacts users with disabilities using screen readers, by testing the examples created in the course with a screen reader (NVDA). The tutorial will also present Open Source tools for inspecting the accessibility of web resources.
The workshop will present the results of analyzing over 200 websites from the University of Illinois at Champaign Urbana using the new Functional Accessibility Evaluator (FAE) 2.0 technology. In addition to presenting the evaluation results the presentation will also demonstrate the Functional Accessibility Evaluator (FAE) 2.0 and the AInspector Sidebar add-on to the Firefox browser. The tools support the use of W3C Accessible Rich Internet Accessibility (ARIA) 1.0 Specification and HTML 5 accessibility features techniques for achieving WCAG Compliance.
Using appropriate headings to identify the structure of a web page is essential for people who use assistive technologies, like screen readers; however, heading structure can become cumbersome when applied to complex pages with multiple regions, each with their own nested headings. ARIA landmarks help by adding additional markup to identify region level-structure, which allows headings to be reserved for providing structure within a region. Screen reader users can navigate by landmark, providing a way to jump from region to region.