unreachable-via-keyboard

The keyboard alone is insufficient to carry out the required operation.

Description

Using just the keyboard, there is no method to perform the required action on the given screen.

Why is it important?

For people with impairments who are unable to use a mouse to navigate through a website, there must be a provision to navigate using a keyboard.

Examples

• Success: Using standard accessible controls like <a>, <button>, etc.

• Failure: Using non-standard controls like:

  • Mousedown event handlers
  • Hover

How to fix?

Ensure that the component is compatible with keyboard usage to resolve this issue.

This can be achieved by utilizing standard HTML form controls and link elements for keyboard functionality. When creating a customized version of a native HTML element or a unique control, it is crucial to include focusability using the keyboard (via tabindex=”0”) and implement keyboard events.

References

• WCAG 2.1.1: Keyboard
• WebAIM: Keyboard accessibility