ARIA Foundations, Patterns and Components for Improving Web Accessibility Development

Handouts

Presented at 8:00am in Gov Square 15 (Lab) on Thursday, November 18, 2021.

#33905

Speaker(s)

  • Dennis Lembree, Director of Accessibility, Diamond

Session Details

  • Length of Session: 2-hr
  • Format: Lecture
  • Expertise Level: All Levels
  • Type of session: General Conference

Summary

Learn all about ARIA (Accessible Rich Internet Applications) from foundational development concepts to advanced techniques. Many use cases with code examples will be examined in this comprehensive session.

Note: first hour will be beginner level material. The second half will cover more advanced topics.

Abstract

This session covers a wide range of topics for learning and implementing ARIA (Accessible Rich Internet Applications); from foundational concepts to advanced techniques. First, ARIA is defined and the Accessibility Tree is explained. Foundational rules for using ARIA are then covered including general coding best practices and the W3C’s Five Rules of ARIA. Many common use cases of ARIA with examples are examined including landmarks, labelling elements, describing elements, and the difference between the checked, selected, and pressed states. More advanced techniques involving components are then explained including common patterns such as disclosure, modal dialog, and tab panel.

Keypoints

  1. Understanding foundations and rules for coding with ARIA are pertinent to web accessibility.
  2. Developers must understand common ARIA techniques such as landmarks, labels, descriptions, and states.
  3. Developers must understand ARIA in common components such as disclosure, modal dialog, and tab panel.

Disability Areas

Vision

Topic Areas

Assistive Technology, Uncategorized, Web/Media/App Access

Speaker Bio(s)

Dennis Lembree

Mr. Lembree is the Director of Accessibility at Diamond Web Services. Previously, he worked for five years as Sr Accessibility Consultant at Deque Systems and several years on the PayPal and eBay accessibility teams. He has experience at several start-up companies and has contracted at large corporations including Google, Ford, and Disney. Mr. Lembree has published articles, led webinars, and presented on digital accessibility at many conferences including HTML5 DevCon, CSS DevCon, CSUN, AccessU, Accessibility Toronto, and Paris Web. Dennis runs a blog (and Twitter account) on web accessibility called Web Axe; and he created an accessible, two-time national award-winning Twitter app, Easy Chirp.

Handout(s)

ARIA Foundations, Patterns and Components