Checkbox Role

Previous button role

The checkable input that has three states. Checked, unchecked and mixed. In most of the cases checked state and unchecked state is observed. The checkbox role is used in a input type radio button. For a normal input type checkbox the screen readers by default behavior announce them as checkboxes. For input type radio buttons if the authors want to intimate the user as checkbox this checkbox role can be used.

ARIA-checked(state) can be used in conjunction with checkbox role. The aria-checked(state) will intimate the user about the state of the checkbox. Aria-checked=”true” indicates the checked state of the checkbox and false indicates the unchecked state.

Syntax
<input type=”radio” role=”checkbox” aria-checked=”true” aria-label=”Male” />
Next Columnheader role