HTML element cannot be accessed by keyboard

Compliance Data & User Impact

User Impact: Critical

100% Complete

Disabilities Affected:

  • blindness
  • deafblindness
  • learning disabilities
  • motor disabilities

WCAG Version:
2

WCAG Levels:

  • A

WCAG Guidelines:

Solution Techniques:

Automated Test Accuracy:
High

uTester Severity:
3

DRRSAG Designations:

  • action

How to Fix the Problem

Use a tabindex attribute on the element or use a native HTML interactive control element.

The Algorithm, in Simple Terms

Engine scans elements which are not native interactive controls and have an associated JavaScript event such as: keydown, keypress, keyup, focus, doubleclick, click, mousedown, mouseup, focusin, and checks for tabindex attribute. Elements which have a “tababble” parent (up to 3 levels) will get excluded.

Why Is it Important?

When all functionality of content can be operated through a keyboard or keyboard interface, it can be operated by those with no vision as well as by those who must use alternate keyboards or input devices that act as keyboard emulators like speech input software or on-screen keyboards.

Additional Information

Ignore this issue if this element is part of a list of similar elements or a container of a list such as: select, autocomplete field widget, the table inside a date picker widget, a tab in a tab control widget).

Address: 401 9th St NW, 6th Floor
Washington, DC 20004
Phone number: (888) 995-WCAG
International number: 1(888) 995-9224
Email: accessibility@user1st.com