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:
When WAI ARIA 1.0 became a W3C Recommendation, there were four role categories.
When WAI ARIA 1.1 became a W3C Recommendation, some additional categories were introduced, which meant that some roles were moved to new categories.
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 |
---|---|---|---|
command |
Abstract | Abstract | Abstract |
composite |
Abstract | Abstract | Abstract |
input |
Abstract | Abstract | Abstract |
landmark |
Abstract | Abstract | Abstract |
range |
Abstract | Abstract | Abstract |
roletype |
Abstract | Abstract | Abstract |
section |
Abstract | Abstract | Abstract |
sectionhead |
Abstract | Abstract | Abstract |
select |
Abstract | Abstract | Abstract |
structure |
Abstract | Abstract | Abstract |
widget |
Abstract | Abstract | Abstract |
Window |
Abstract | Abstract | Abstract |
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 |
---|---|---|---|
button |
Widget | Widget | Widget |
checkbox |
Widget | Widget | Widget |
gridcell |
Widget | Widget | Widget |
link |
Widget | Widget | Widget |
menuitem |
Widget | Widget | Widget |
menuitemcheckbox |
Widget | Widget | Widget |
menuitemradio |
Widget | Widget | Widget |
option |
Widget | Widget | Widget |
progressbar |
Widget | Widget | Widget |
radio |
Widget | Widget | Widget |
scrollbar |
Widget | Widget | Widget |
searchbox |
N/A | Widget - Added in ARIA 1.1 | Widget |
slider |
N/A | Widget - Added in ARIA 1.1 | Widget |
spinbutton |
N/A | Widge - Added in ARIA 1.1 | Widget |
switch |
N/A | Widge - Added in ARIA 1.1 | Widget |
tab |
Widget | Widget | Widget |
tabpanel |
Widget | Widget | Widget |
textbox |
Widget | Widget | Widget |
treeitem |
Widget | Widget | Widget |
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 |
---|---|---|---|
combobox |
Widget Container | Widget Container | Widget Container |
grid |
Widget Container | Widget Container | Widget Container |
listbox |
Widget Container | Widget Container | Widget Container |
menu |
Widget Container | Widget Container | Widget Container |
menubar |
Widget Container | Widget Container | Widget Container |
radiogroup |
Widget Container | Widget Container | Widget Container |
tablist |
Widget Container | Widget Container | Widget Container |
tree |
Widget Container | Widget Container | Widget Container |
treegrid |
Widget Container | Widget Container | Widget Container |
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 |
---|---|---|---|
application |
Landmark | Document - Changed in ARIA 1.1 | Document |
article |
Document | Document | Document |
blockquote |
N/A | N/A | Document - Added in ARIA 1.2 |
caption |
N/A | N/A | Document - Added in ARIA 1.2 |
cell |
N/A | Document - Added in ARIA 1.1 | Document |
columnheader |
Document | Document | Document |
definition |
Document | Document | Document |
directory |
Document | Document | Document |
document |
Document | Document | Document |
feed |
N/A | Document - Added in ARIA 1.1 | Document |
figure |
N/A | Document - Added in ARIA 1.1 | Document |
group |
Document | Document | Document |
heading |
Document | Document | Document |
img |
Document | Document | Document |
list |
Document | Document | Document |
listitem |
Document | Document | Document |
math |
Document | Document | Document |
none |
N/A | Document - Added in ARIA 1.1 | Document |
note |
Document | Document | Document |
paragraph |
N/A | N/A | Document - Added in ARIA 1.2 |
presentation |
Document | Document | Document |
row |
Document | Document | Document |
rowgroup |
Document | Document | Document |
rowheader |
Document | Document | Document |
separator |
Document | Document | Document |
table |
N/A | Document - Added in ARIA 1.1 | Document |
term |
N/A | Document - Added in ARIA 1.1 | Document |
toolbar |
Document | Document | Document |
tooltip |
Widget | Document - Changed in ARIA 1.1 | Document |
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 |
---|---|---|---|
banner |
Landmark | Landmark | Landmark |
complementary |
Landmark | Landmark | Landmark |
contentinfo |
Landmark | Landmark | Landmark |
form |
Landmark | Landmark | Landmark |
main |
Landmark | Landmark | Landmark |
navigation |
Landmark | Landmark | Landmark |
region |
Document | Landmark | Landmark |
search |
Landmark | Landmark | Landmark |
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 |
---|---|---|---|
alert |
Widget | Live Region - Changed in ARIA 1.1 | Live Region |
log |
Widget | Live Region - Changed in ARIA 1.1 | Live Region |
marquee |
Widget | Live Region - Changed in ARIA 1.1 | Live Region |
status |
Widget | Live Region - Changed in ARIA 1.1 | Live Region |
timer |
Widget | Live Region - Changed in ARIA 1.1 | Live Region |
The following roles act as windows within the browser or application.
Window roles | ARIA 1.0 | ARIA 1.1 | ARIA 1.2 |
---|---|---|---|
alertdialog |
Widget | Window - Changed in ARIA 1.1 | Window |
dialog |
Widget | Window - Changed in ARIA 1.1 | Window |