Checkboxes & Radios
Checkboxes and radios are used to indicate selections (e.g., in the Multiple-choice response type).
Shared Presentation
Both checkboxes and radios are typically black #000000 and receive the pointer cursor in the default state and the default cursor in the disabled state.
Checkboxes
Checkboxes allow test takers to toggle individual options on and off; multiple checkboxes in a set can be checked at the same time. Checkboxes have the following states.
- Unchecked. Checkbox displays as the
checkbox-unselectedicon. - Checked. Checkbox displays as the
checkbox-selectedicon. Check is white#FFFFFF. - Disabled. Checkbox becomes 30% opaque.
Radios
Radios allow test takers to select one option from a set; only one radio in a set can be checked at a time. Radios have the following states.
- Unchecked. Radio displays as the
radio-unselectedicon. - Checked. Radio displays as the
radio-selectedicon. - Disabled. Radio becomes 30% opaque.
The following demo presents interactive examples of a checkbox group and a radio group.
To view alternative presentations and styling, use the Change Theme
and Read Aloud 
buttons in the upper-right of the screen.