On this page
Roles
What roles do#
Changing a role changes the accessibility contract. It does not automatically add keyboard behavior.
Role explorer#
Interactive demo
Explore common roles
Category
Role
role="main" — Primary content of the page
- Native
- <main>
- Typical use
- One main region per page
Test
| Action | Expect |
|---|---|
Identify purpose | Action, navigation, landmark, or structure |
Pick native | Native element preferred when available |
If ARIA role | Keyboard and state requirements implemented |