Web Design: Introduction to Accessible Web Widgets with ARIA (Version 2.0)

Javascript, HTML and CSS are often used to create custom interactive web widgets for web pages and cloud applications. Some common examples of web widgets include: pull down menus for website navigation, rotating image sliders to present news and events, and combo boxes with options based on user history or profiles. The W3C Accessible Rich Internet Application (ARIA) specification provides a means to describe the behaviors and keyboard interaction of the widgets to users of assistive technologies. Participants will learn the basic concepts of creating accessible widgets including how to include keyboard interaction, keyboard focus styling, selecting appropriate ARIA roles, properties and states to make sure widgets are accessible and accurately describe keyboard interaction. The course will review the design patterns of several common ARIA enabled widgets and participants will build their own accessible widgets as part of the course. The course will be based on the design patterns and techniques of the W3C ARIA Authoring Practices guidelines. The course will also help participants understand the Section 508 and W3C WCAG 2.0 requirements that apply to scripting and interactive custom widgets.