On #Giving Tuesday consider a gift to AIRSupport tech access for people of all abilities
Skip to Main Content

Intro to ARIA

taught by: Dan Kinnunen

Session Summary:

ARIA lets you create web pages that are more screen-reader and keyboard friendly. Learn some high-level ARIA concepts, with examples of how some ARIA features work with JAWS. We will focus on ARIA landmark roles that will help users navigate complex web pages, and ARIA live regions, which allow you to provide messages directly to the screen reader.

Description:

Web content is not as simple as it used to be, as people find creative new ways to cram more information onto a single page, and create custom controls using CSS and JavaScript to change the way the old HTML tags work.

For those of us who cannot see a web page or who cannot use a mouse to navigate quickly through a page, this new complexity makes it even more difficult to wade through the information on each page. Often new custom controls are created with mouse interaction in mind, but how will it work with the keyboard?

ARIA, which stands for Accessibility Rich Internet Applications, is here to help smooth the way. The ARIA specification provides details on how to make sure your web page structure and your custom control widgets will work well for screen reader and keyboard users.

In this class, we will give you a high-level description of ARIA concepts, and we will look at some examples of how some ARIA features work with JAWS. We will focus on ARIA landmark roles that will help users navigate complex web pages, and ARIA live regions, which allow you to provide messages directly to the screen reader.

ARIA provides many other features that we will not be able to cover here, but we will point you to resources that can help you learn how to use ARIA for more complex custom control widgets. This course is intended for web content developers and testers who have a good basic understanding of web accessibility.

Practical Skills:

Learn about ARIA concepts such as navigation landmarks and live regions.

Presentation Materials: