ARIA roles states and properties

From Level Access Web Labs
Jump to: navigation, search

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

Global states and properties

  • aria-atomic
  • aria-busy (state)
  • aria-controls
  • aria-describedby
  • aria-disabled (state)
  • aria-dropeffect
  • aria-flowto
  • aria-grabbed (state)
  • aria-haspopup
  • aria-hidden (state)
  • aria-invalid (state)
  • aria-label
  • aria-labelledby
  • aria-live
  • aria-owns
  • aria-relevant

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)

Regions

  • Section (Abstract)
  • Region (generic but not abstract)
  • Alert
  • Article
  • Grid
  • All landmarks
  • List
  • Log
  • Status
  • Tabpanel