ARIA roles states and properties
Jump to navigation
Jump to search
Contents
ARIA Roles, states, and properties
Landmarks
- application
- banner
- complementary
- contentinfo
- form
- main
- navigation
- search
Widgets
- alert Dialog
- button
- checkbox
- comobobox Includes textinput, listbox and option
- dialog
- grid and gridcell includes row, rowgroup, rowheader, and column header
- link
- menu, menubar, menuitem, menuitemcheckbox, menuitemradio
- option and listbox
- progressbar
- radio and radiogroup
- scrollbar
- slider (vertical) slider (horizontal)
- spinbutton
- tablist tab and tabpanel
- textbox
- tooltip
- tree and treeitem includes group
- treegrid and treeitem includes row, rowgroup, rowheader, and columnheader
Special Live Regions
- alert
- log
- marquee
- status
- timer
Document Structures
- article
- definition
- directory
- document
- group
- heading
- img
- list
- listitem
- math
- note
- presentation
- region
- separator generally associated with menu and toolbar
- toolbar
ARIA States and Properties
Widget Attributes
- aria-autocomplete (see )
- aria-checked (state) (see checkbox)
- aria-disabled (state)
- aria-expanded (state) (see tree)
- aria-haspopup
- aria-hidden (state)
- aria-invalid (state) (see textinput)
- aria-label (see textinput)
- aria-level (see tree)
- aria-multiline (see textinput)
- aria-multiselectable
- aria-orientation
- aria-pressed (state) (see toolbar)
- aria-readonly (see textinput)
- aria-required (see textinput)
- aria-selected (state)
- aria-sort
- aria-valuemax (see slider)
- aria-valuemin (see slider)
- aria-valuenow (see slider)
- aria-valuetext (see slider)
Live region attributes
- aria-atomic
- aria-busy (state)
- aria-live
- aria-relevant
Drag and Drop Attributes
- aria-dropeffect
- aria-grabbed (state)
Relationship Attributes
- aria-activedescendant (See toolbar example)
- aria-controls (see tablist tab and tabpanel example)
- aria-describedby (see textinput example)
- aria-flowto
- aria-labelledby (see textinput example)
- aria-owns
- aria-posinset (see tree example)
- aria-setsize (see tree example)
