Last Updated: November 21, 2025
ARIA Roles
| Role | Use case |
|---|---|
main
|
Primary page content |
banner
|
Page header regions |
alert
|
Time-sensitive messages |
Keyboard States
Tab
Move focus forwards
Shift+Tab
Move focus backwards
Enter/Space
Activate buttons or links
Accessibility Testing
Use VoiceOver/NVDA, run Axe/Lighthouse, and validate color contrast before shipping.
💡 Pro Tip:
Use semantic elements first, then layer ARIA when semantics aren’t available.