Checkboxes

Accessibility

The checkbox has role checkbox.
The checkbox has an accessible label provided by one of the following:
- Visible text content contained within the element with role checkbox.
- A visible label referenced by the value of aria-labelledby set on the element with role checkbox.
- aria-label set on the element with role checkbox.
When checked, the checkbox element has state aria-checked set to true. When not checked, it has state aria-checked set to false. When partially checked, it has state aria-checked set to mixed.
If a set of checkboxes is presented as a logical group with a visible label, the checkboxes are included in an element with role group that has the property aria-labelledby set to the ID of the element containing the label.
If the presentation includes additional descriptive static text relevant to a checkbox or checkbox group, the checkbox or checkbox group has the property aria-describedby set to the ID of the element containing the description.
Use fieldset to create a checkbox group.
When the checkbox has focus, pressing the “Space” key changes the state of the checkbox.