ARIA Roles and Attributes
Apply landmark roles, live regions, and aria-* attributes to enhance components where native HTML is insufficient.
What Is ARIA?
ARIA (Accessible Rich Internet Applications) is a set of HTML attributes that describe the role, state, and properties of elements to assistive technologies. It's the bridge for custom widgets that aren't expressible with native HTML.
First Rule of ARIA: Don't Use ARIA
If a native element does what you need, use it. <button> beats <div role="button">. Misused ARIA is worse than no ARIA — it makes things sound accessible while leaving users stranded.
All lessons in this course
- WCAG Levels A AA AAA
- Semantic HTML as the Foundation
- ARIA Roles and Attributes
- Keyboard Navigation and Focus Management