Button element is not keyboard operable
| Field | Value |
|---|---|
| Rule code | Manual_Button_Keyboard_Inoperable |
| WCAG conformance level | A |
| WCAG success criterion | 2.1.1 Keyboard |
| Must be fixed at source | No |
Description
A button element on the page has been detected that is not operable via the keyboard. This can create accessibility barriers for users who rely on keyboard navigation, as they may be unable to activate the button using standard keyboard controls, hindering their ability to interact with the interface
How to fix
Ensure the button is implemented correctly with an actual <button> element or a link styled as a button that can be focused and activated using keyboard controls. For example: <button onclick="doSomething()">Click Me</button> or <a href="#" role="button" onclick="doSomething()">Click Me</a>.