Form

Checkbox

How the Checkbox works with a keyboard and assistive tech.

Guidance#

A native <input type="checkbox"> under the drawing, so Space toggles it and it is announced as a checkbox.

The label row and card are <label> elements, so clicking any part of them toggles the box.

Unspecified sets the input's indeterminate property and aria-checked="mixed".

A group of related checkboxes sits in a <fieldset> with a <legend> naming the question.