Skip to content

Index

Index

About the Index

This page includes a list of all ARIA design pattern examples indexed either by role or by ARIA properties and states.

Examples by Role

NOTE: The HC abbreviation means example has High Contrast support.
Role Examples
alert
alertdialog Alert Dialog
article Infinite Scrolling Feed
banner
button
cell Table
checkbox
columnheader Table
combobox
complementary Complementary Landmark
contentinfo
dialog
feed Infinite Scrolling Feed
form Form Landmark
grid
gridcell
group
link Link
listbox
main Main Landmark
menu
menubar
menuitem
menuitemcheckbox Editor Menubar
menuitemradio
meter Meter
navigation
none
option
radio
radiogroup
region
row
rowgroup Table
search Search Landmark
separator Editor Menubar
slider
spinbutton
switch
tab
table Table
tablist
tabpanel
toolbar Toolbar
tree
treegrid Treegrid Email Inbox
treeitem

Examples By Properties and States

NOTE: The HC abbreviation means example has High Contrast support.
Property or State Examples
aria-activedescendant
aria-atomic Alert
aria-autocomplete
aria-busy Infinite Scrolling Feed
aria-checked
aria-colcount Data Grid
aria-colindex Data Grid
aria-controls
aria-current
aria-describedby
aria-disabled
aria-expanded
aria-haspopup
aria-hidden
aria-label
aria-labelledby
aria-level
aria-live
aria-modal
aria-multiselectable Listboxes with Rearrangeable Options
aria-orientation Vertical Temperature Slider
aria-owns Navigation Treeview
aria-posinset
aria-pressed
aria-roledescription
aria-rowcount
aria-rowindex
aria-selected
aria-setsize
aria-sort
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext

Experimental Examples

NOTE: The HC abbreviation means example has High Contrast support.
Back to Top