ARIA Roles - version history

Github Page

WAI ARIA release history

What are ARIA roles?

ARIA roles are HTML attributes that are added to elements using:

role="[role-type]"

ARIA roles can be used to add or change the semantic meaning of HTML elements in the accessibility tree. For example:

Key for tables below

Abstract roles

Abstract roles are used for the ontology. Authors MUST NOT use abstract roles in content.

Abstract roles ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
command Abstract Abstract Abstract Abstract
composite Abstract Abstract Abstract Abstract
input Abstract Abstract Abstract Abstract
landmark Abstract Abstract Abstract Abstract
range Abstract Abstract Abstract Abstract
roletype Abstract Abstract Abstract Abstract
section Abstract Abstract Abstract Abstract
sectionhead Abstract Abstract Abstract Abstract
select Abstract Abstract Abstract Abstract
structure Abstract Abstract Abstract Abstract
widget Abstract Abstract Abstract Abstract
Window Abstract Abstract Abstract Abstract

Widget roles

The following roles act as standalone user interface widgets or as part of larger, composite widgets.

Widget role ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
button Widget Widget Widget Widget
checkbox Widget Widget Widget Widget
gridcell Widget Widget Widget Widget
link Widget Widget Widget Widget
menuitem Widget Widget Widget Widget
menuitemcheckbox Widget Widget Widget Widget
menuitemradio Widget Widget Widget Widget
option Widget Widget Widget Widget
progressbar Widget Widget Widget Widget
radio Widget Widget Widget Widget
scrollbar Widget Widget Widget Widget
searchbox N/A Widget Widget Widget
separator N/A Widget Widget Widget
slider N/A Widget Widget Widget
spinbutton N/A Widge Widget Widget
switch N/A Widge Widget Widget
tab Widget Widget Widget Widget
tabpanel Widget Widget Widget Widget
textbox Widget Widget Widget Widget
treeitem Widget Widget Widget Widget

Widget container roles

The following roles act as composite user interface widgets. These roles typically act as containers that manage other, contained widgets.

Widget container roles ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
combobox Widget Container Widget Container Widget Container Widget Container
grid Widget Container Widget Container Widget Container Widget Container
listbox Widget Container Widget Container Widget Container Widget Container
menu Widget Container Widget Container Widget Container Widget Container
menubar Widget Container Widget Container Widget Container Widget Container
radiogroup Widget Container Widget Container Widget Container Widget Container
tablist Widget Container Widget Container Widget Container Widget Container
tree Widget Container Widget Container Widget Container Widget Container
treegrid Widget Container Widget Container Widget Container Widget Container

Document roles

The following roles describe structures that organize content in a page. Document structures are not usually interactive.

ARIA role ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
application Landmark Document Document Document
article Document Document Document Document
blockquote N/A N/A Document Document
caption N/A N/A Document Document
cell N/A Document Document Document
code N/A N/A N/A Document
columnheader Document Document Document Document
comment N/A N/A N/A Document
definition Document Document Document Document
deletion N/A N/A Document Document
directory Document Document Document Document
document Document Document Document Document
emphasis N/A N/A Document Document
feed N/A Document Document Document
figure N/A Document Document Document
generic N/A N/A Document Document
group Document Document Document Document
heading Document Document Document Document
img Document Document Document Document
insertion N/A N/A Document Document
list Document Document Document Document
listitem Document Document Document Document
mark N/A N/A N/A Document
math Document Document Document Document
meter N/A N/A Document Document
none N/A Document Document Document
note Document Document Document Document
paragraph N/A N/A Document Document
presentation Document Document Document Document
row Document Document Document Document
rowgroup Document Document Document Document
rowheader Document Document Document Document
separator Document Document Document Document
strong N/A N/A Document Document
subscript N/A N/A Document Document
suggestion N/A N/A N/A Document
superscript N/A N/A Document Document
table N/A Document Document Document
term N/A Document Document Document
time N/A N/A Document Document
toolbar Document Document Document Document
tooltip Widget Document Document Document

Landmark roles

The following roles are regions of the page intended as navigational landmarks. All of these roles inherit from the landmark base type and all are imported from the Role Attribute [role-attribute].

ARIA role ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
banner Landmark Landmark Landmark Landmark
complementary Landmark Landmark Landmark Landmark
contentinfo Landmark Landmark Landmark Landmark
form Landmark Landmark Landmark Landmark
main Landmark Landmark Landmark Landmark
navigation Landmark Landmark Landmark Landmark
region Document Landmark Landmark Landmark
search Landmark Landmark Landmark Landmark

Live region roles

The following roles are live regions and may be modified by live region attributes.

Live region roles ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
alert Widget Live Region Live Region Live Region
log Widget Live Region Live Region Live Region
marquee Widget Live Region Live Region Live Region
status Widget Live Region Live Region Live Region
timer Widget Live Region Live Region Live Region

Window roles

The following roles act as windows within the browser or application.

Window roles ARIA 1.0 ARIA 1.1 ARIA 1.2 ARIA 1.3
alertdialog Widget Window Window Window
dialog Widget Window Window Window

Github Page