Skip to main content

keyboard-inaccessible

Function cannot be performed by keyboard alone

Severity: Critical

Description

There is no way to perform the function using only the keyboard on the same screen or on a qualifying conforming alternate version.

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>
    • <input> (including, but not limited to: “text”, “checkbox”, “radio”)
    • <select>
    • <textarea>
  • Failure: Using non-standard controls like:
    • Mousedown event handlers
    • Hover

How to fix?

Use standard accessible controls to ensure all components can also be accessed via keyboard.

If a custom version of a native HTML element is being used that does not have a native HTML equivalent, add keyboard focusability (via tabindex=”0”) and keyboard events via JavaScript as well as the relevant element role(s) using ARIA.

References

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy