Checkbox
Keyboard
Press Tab to move between checkboxes and Space to toggle a checkbox.
Semantics
Give each checkbox a label. Group related checkboxes with fieldset and legend.
Checklist
- Give each checkbox a text label and check that clicking the label toggles it.
- Space should toggle
checked. Theindeterminatestate should be announced as mixed. - Disabled checkboxes must not change. Keep select-all and individual selections in sync.
For contrast, zoom and screen reader checks, see the common accessibility checklist.