Index of ARIA Design Pattern Examples

This page includes the following indexes of example implementations of ARIA design patterns included in WAI-ARIA Authoring Practices 1.2.

Examples by Role

Role Examples
alert Alert
alertdialog Alert Dialog
article Feed
banner Banner Landmark
button
checkbox
columnheader Table
combobox
complementary Complementary Landmark
contentinfo Contentinfo Landmark
dialog
feed Feed
form Form Landmark
grid
gridcell Layout Grid
group
link Link
listbox
main Main Landmark
menu
menubar
menuitem
menuitemcheckbox Editor Menubar
menuitemradio
navigation Navigation Landmark
none
option
radio
radiogroup
region Region Landmark
row
rowgroup Table
search Search Landmark
separator Editor Menubar
slider
spinbutton
tab
table Table
tablist
tabpanel
toolbar Toolbar
tree
treegrid Treegrid Email Inbox
treeitem

Examples By Properties and States

Property or State Examples
aria-activedescendant
aria-autocomplete
aria-busy Feed
aria-checked
aria-colcount Data Grid
aria-controls
aria-current Disclosure for Navigation Menus
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 Slider with aria-orientation and aria-valuetext
aria-posinset
aria-pressed
aria-roledescription
aria-rowcount
aria-rowindex
aria-selected
aria-setsize
aria-sort Data Grid
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext