ARIA Roles

ARIA stands for Accessible Rich Internet Applications (ARIA), which basically improve the accessibility and interoperability of web content and applications, below are the lists of aria roles you may use on HTML mockup:

Abstract Roles

command
composite
input
landmark
range
roletype
section
sectionhead
select
structure
widget
window

Composite Roles

combobox
grid
listbox
menu
menubar
radiogroup
tablist
tree
treegrid

Widget Roles

button
checkbox
gridcell
link
menuitem
menuitemcheckbox
menuitemradio
option
progressbar
radio
scrollbar
searchbox
separator
slider
spinbutton
switch
tab
tabpanel
textbox
treeitem

Document Structure

application
article
cell
columnheader
definition
directory
document
feed
figure
group
heading
img
list
listitem
math
none
note
presentation
row
rowgroup
rowheader
separator
table
term
toolbar
tooltip

Landmark Roles

banner
complementary
contentinfo
form
main
navigation
region
search

Live Region Roles

alert
log
marquee
status
timer

Window Roles

alertdialog
dialog

Leave a Reply

Your email address will not be published. Required fields are marked *