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. The indeterminate state 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.