Difference between revisions of "ARIA roles states and properties"

From Level Access Web Labs
Jump to navigation Jump to search
(Widgets)
(Widgets)
Line 27: Line 27:
 
* [[ARIA Spin Button| spinbutton]]
 
* [[ARIA Spin Button| spinbutton]]
 
* [[ARIA Tabs| tablist tab and tabpanel]]
 
* [[ARIA Tabs| tablist tab and tabpanel]]
* [[ARIA Textbox| textbook]]
+
* [[ARIA Textbox| textbox]]
 
* [[ARIA Tooltip| tooltip]]
 
* [[ARIA Tooltip| tooltip]]
 
* [[ARIA Tree | tree and treeitem includes group]]
 
* [[ARIA Tree | tree and treeitem includes group]]

Revision as of 17:09, 31 March 2014

ARIA Roles, states, and properties

Landmarks

  • application
  • banner
  • complementary
  • contentinfo
  • form
  • main
  • navigation
  • search

Widgets

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)