back to article

ARIA Toggle Button

Working Example

sample text

Screen Reader Behaviour

Role and State Information
ARIA role/stateJAWS 8.0 (PC Cursor mode) announcesWindow Eyes 5.5 (Browse mode off) announcesMSAA role/state
button/pressed [false]
  • IE8: alt content "button, to activate press space bar"
  • Firefox: alt content
  • IE8: alt content "button"
  • Firefox: alt content "button"
 push button/(not pressed implied)
button/pressed [true]
  • IE8: alt content "button pressed, to activate press space bar"
  • Firefox: alt content "pressed"
  • IE8: alt content "button"
  • Firefox: alt content "button"
 push button/pressed

Requirements

Notes:

ARIA 1.0 References:

State Examples

Not pressed state

Not pressed state - code

<input type="image" alt="highlight off" src="nohighlight.gif" role="button" aria-pressed="false">

Pressed state

Pressed state - code

<input type="image" alt="highlight on" src="highlight.gif" role="button" aria-pressed="true">