Using HTML5 & ARIA 1.0 to Meet WCAG 2.0 Level A and AA Requirements

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 tutorial will encourage participation by using examples of existing websites to demonstrate how HTML5 and ARIA can be integrated in to web content designs to improve accessibility.  The tutorial will provide time for developers to ask about how the accessibility of their own websites can be improved with use of ARIA 1.0 and HTML5 technologies.

Dates

  • Wednesday, June 11, 2014

Agenda

Time

Description

8:30

Introductions and overview of WCAG 2.0 requirements

8:45

ARIA landmarks and use of headings (H1-H6)

9:30

Providing context to links using ARIA techniques

10:00

Break

10:15

Labeling form controls, including ARIA techniques

10:45

Accessible error feedback

11:30

Color contrast  requirements and tools

12:00

Lunch: on your own, many restaurants within easy walking distance

1:00

Accessible data and layout tables

2:00

ARIA Widget principles (checkbox example)

2:30

Break

2:45

Dynamic menu accessibility

3:15

Hiding and showing content

3:45

AInspector Sidebar for Firefox and FAE 2.0 Evaluation Tools

4:15

Accessibility review of participant website or applications

4:45

Tutorial ends

Who Should Attend

The session is intended for web developers and accessibility testers who are familiar with the basics of HTML, CSS and Javascript.  During the tutorial participants will create sample accessible code and test it with assistive technology.  We will be using the NotePad++ and the open source NVDA screen reqder for Microsoft Windows.  Participants are welcome to bring their own laptops and work on the examples using their own machines, including Apple OS X laptops with Vioce Over Technology.

Cost

$195 / person

Location and Parking

Suite 26 Illini Hall
University of Illinois
725 S. Wright Street
Champaign, IL 61820

Classroom is located in lower level of Illini Hall.  Building is on the corner of John and Wright Streets in Champaign, on the Urbana-Champaign campus of the University of Illinois.

Parking:  We suggest that you walk or take public transportation (www.cumtd.com) if possible. City meters (restricted to 2 hours) are available on John Street and Wright Street. There are a few campus meters in the parking lot between Coble Hall and Swanlund Administration Building on John Street and in the parking structure at Sixth and John. WebStore is not responsible for parking tickets or towing fees of vehicles belonging to class participants. Please read all parking signs!


Registration

For on-campus registration (University of Illinois faculty/staff):

  1. https://webstore.illinois.edu/
  2. at top of screen choose
    1. Personal Purchase if paying as an individual (credit card)
    2. Unit Purchase if using an approved University account number (Banner)
  3. Enter keyword search for course (ex., “ARIA”)

For off-campus registration (Non-University of Illinois persons):

  1. https://webstore.illinois.edu/public
  2. (set up an account by providing an email address and password)
  3. Enter keyword search for course (ex., “ARIA”)

If problems registering, call 217-333-6285.

Presenter

Jon Gunderson
Coordinator of Information Technology Accessibility
Disability resources and Education Services
University of Illinois

Dr. Gunderson is the Coordinator Information Technology Accessibility in the Division of Disability Resources and Education Services (DRES) at the University of Illinois. At Illinois he is responsible for computer and information technology accessibility issues for students with disabilities at University of Illinois at Urbana/Champaign . He is the chair of the OpenAjax Accessibility Task Force and a member of the W3C Protocols and Formats Working Group work on the Accessible Rich Internet Applications (ARIA). He has given numerous presentations, workshops and courses related to web accessibility. He leads the development of the Accessibility Evaluator for Firefox and the Illinois Functional Accessibility Evaluator (FAE) tool using the OpenAjax accessibility evaluation library and rule set.

Keywords: