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.1.

Examples by Role

Role Examples
article Feed
banner Banner Landmark
button
checkbox
columnheader Table
combobox
complementary Complementary Landmark
contentinfo Contentinfo Landmark
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 Toolbar
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-describedby
aria-disabled
aria-expanded
aria-haspopup
aria-hidden Alert Dialog
aria-label
aria-labelledby
aria-level
aria-live
aria-modal Alert Dialog
aria-multiselectable Listboxes with Rearrangeable Options
aria-orientation Slider with aria-orientation and aria-valuetext
aria-owns
aria-posinset
aria-pressed
aria-roledescription Auto-Rotating Image Carousel
aria-rowcount
aria-rowindex
aria-selected
aria-setsize
aria-sort Data Grid
aria-valuemax
aria-valuemin
aria-valuenow
aria-valuetext