Valid ARIA Roles Quick Reference

Basic listing of ARIA roles defined in the ARIA specs. Each role is linked to its corresponding section in the WAI-ARIA specification to enable you to dig deeper.

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 6 categories, 5 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!