ARIA Tri-state Checkbox

Working Example


Screen Reader Behaviour

Role and State Information
ARIA role/stateJAWS 9.0 (PC Cursor mode) announcesWindow Eyes 5.5 (Browse mode off) announcesMSAA role/state
checkbox/checked [false] alt content "checkbox unchecked, to check press space bar" alt content "checkbox unchecked" checkbox/(unchecked implied)
checkbox/checked [true] alt content "checkbox checked, to clear press space bar" alt content "checkbox checked" checkbox/checked
checkbox/checked [mixed] alt content "checkbox partially checked, to check press space bar" alt content "checkbox partially checked" checkbox/mixed

Requirements

Notes:

ARIA 1.0 References:


State Examples

Unchecked state

Unchecked state - code

<input type="image" src="unchecked.gif" alt="choose a state" role="checkbox" aria-checked="false">

Partially checked state

Partially checked state - code

<input type="image" src="unchecked.gif" alt="choose a state" role="checkbox" aria-checked="mixed">

Checked state

Checked state - code

<input type="image" src="unchecked.gif" alt="choose a state" role="checkbox" aria-checked="true">

Created by TPG