Valid ARIA Roles Quick Reference

Basic list of ARIA roles defined in the ARIA specs. Each role is linked to its corresponding section in the WAI-ARIA specification, enabling you to explore further. For a full list of roles and their definitions, visit the WAI-ARIA specifications, section 5.4 Definition of Roles

Reminder: When adding an ARIA role to an HTML tag, only use the word 'role' not 'aria-role'.
Example: <div role="button">

ARIA roles are divided into six categories, five of which are relevant to our users:

Landmark Roles

Landmark roles identify specific sections and their purpose within an HTML document.

Structure Roles - not usually interactive

Widget Roles

Common Form Elements: checkbox, option, progressbar, radio, textbox

Compound Widgets: combobox, grid, listbox, menu, menubar, radiogroup, tablist, tree, treegrid

Live Region Roles

alert

Window Roles

alertdialog, dialog

Resources

Landmark Regions from W3C
Accessibility Landmarks from W3 Schools
Using HTML landmark roles to improve accessibility from MDN

Learn More with WCAG

ARIA Roles
Understanding Info and Relationships (Level A)
Understanding Bypass Blocks (Level A)

If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!