ARIA roles states and properties

From Level Access Web Labs
Revision as of 13:26, 27 March 2014 by Javila (talk | contribs) (Created page with "=ARIA Roles, states, and properties= ==Landmarks== * application * banner * complementary * contentinfo * form * main * navigation * search ==Widgets== * alert Dialog * butt...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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
  • 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)