Say My Name: Accessible Labeling in HTML & ARIA
taught by: Becky Gibson
Session Summary
Come learn the many ways that you can and need to label items for assistive technology. This session will cover techniques using basic HTML and ARIA to provide accessible names for various scenarios.
Description
The session is for people who want to understand how to provide labels that work for all users. It will start with the basics of what is an accessible name and how it relates to a visible label. Next, we will review basic HTML labeling techniques with <label> and <fieldset> elements. Then we will review when a more specific screen reader label is needed and how to add it using ARIA (Accessible Rich Internet Applications). Topics will include how to use aria-label and aria-labelledby attributes to provide accessible names for:
- various form elements
- grouped elements - checkboxes and radio buttons
- dialogs
- repeated controls or links with the same visible name
- regions
Attendees only need basic HTML understanding. The knowledge gained will enable content creators and designers to provide the necessary accessibility details to developers. The session will provide a reference for developers to properly implement accessible names using ARIA.
Practical Skills
- What is an accessible name and how it relates to visible labels.
- Know when more specific labels are needed for assistive technology.
- Understand how to create basic HTML and aria labeling techniques for a variety of situations.