ARIA Tabindex Error

  • Article

Text

Element is not disabled and has a click event handler but it has tabIndex < 0 and is not in the tab order by default.

Type

Error

Description

This error applies to elements that have a click event handler and are not disabled. These elements must be in the tab order. This ensures that an element can be reached using the Tab key, which is how screen reader users typically navigate the UI.

To fix this error, set the tabindex attribute to a value that is equal to or greater than 0. You do not need to explicitly set the tabindex attribute for tags that are in the tab order by default, such as a (with href attribute), button, input (excluding "hidden"), select, textarea, and area (as part of the image map).

Example

<div role="button" tabindex="0" aria-label="Back" onclick="mouseAction(event)" onkeyup="keyAction(event)" >