ARIA Role Explorer - Free Online Tool | IconVault

Explore ARIA roles: what each role means, required context, keyboard expectations and copyable HTML patterns. Free accessibility reference.

All tools

ARIA Role Explorer

Roles, keyboard contracts and HTML patterns

5 of 5 free uses left

5 of 5 free pattern copies left.

Keyboard expectations

Enter or Space activates. Space fires on key-up.

Required context

If it navigates instead of acting, use a link. Give it an accessible name.

HTML pattern

<button type="button" aria-pressed="false">
  Mute
</button>

About this tool

IconVault's ARIA Role Explorer is a searchable reference for ARIA roles. Browse landmarks, widgets and structural roles to learn what each role communicates to assistive technology, which keyboard interactions users expect, what context a role requires, and grab a copyable HTML pattern that uses it correctly. It is free and runs fully in your browser.

ARIA roles are promises: role="dialog" tells a screen reader to expect focus trapping and an Escape key, role="slider" promises arrow-key control with announced values. Getting the role right but the keyboard behavior wrong is one of the most common accessibility bugs. This explorer pairs every role with its keyboard contract and required attributes so your custom components behave the way assistive technology expects.

Frequently asked questions

Popular searches

aria role exploreraria roles listaria roles cheat sheetwhat is aria rolearia landmark rolesaria widget rolesrole button ariarole dialog keyboardaria dialog focus traprole switch vs checkboxaria slider keyboardrole tablist keyboard arrowsaria combobox patternrole listbox optionaria menu vs navigationrole alert vs statusaria live regions explainedrole tooltip examplearia progressbar examplerole banner main contentinfoaria complementary landmarkrole search landmarkaria form role labelrole region vs sectionaria heading role levelrole img aria-labelaria roles reference freelearn aria rolesaria roles tutorialaria authoring practiceswai-aria roles explainedaria keyboard interactioncustom checkbox ariaaria-checked true false mixedaria-expanded controlsaria-selected tabaria-modal dialogaccessible modal dialogaria-describedby tooltipscreen reader rolesaria role taxonomywhen to use aria rolesfirst rule of ariaaria roles html patternscopyable aria examplesaria widget keyboard supportaria roles for beginnersaccessibility roles referencearia in html guidearia roles list interactive demo

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →