Checkbox element is not keyboard operable
| Field | Value |
|---|---|
| Rule code | Manual_Checkbox_Keyboard_Inoperable |
| WCAG conformance level | A |
| WCAG success criterion | 2.1.1 Keyboard |
| Must be fixed at source | No |
Description
A checkbox element on the page has been detected that is not operable via the keyboard. This creates accessibility barriers for users who rely on keyboard navigation, as they may be unable to activate the checkbox using standard keyboard controls, thus hindering their ability to interact with the content.
How to fix
Ensure the checkbox is properly implemented with an <input type="checkbox"> element that is focusable and can be activated using keyboard controls. If using an ARIA role of checkbox, ensure it has a tabindex="0" for keyboard focus and an appropriate event handler.