← Back to rules

jsx-a11y/tabindex-no-positive Correctness

⚠️ 💡 A dangerous suggestion is available for this rule.

What it does

Enforces that positive values for the tabIndex attribute are not used in JSX.

Why is this bad?

Using tabIndex values greater than 0 can make navigation and interaction difficult for keyboard and assistive technology users, disrupting the logical order of content.

Examples

Examples of incorrect code for this rule:

<span tabIndex="1">foo</span>

Examples of correct code for this rule:

<span tabIndex="0">foo</span>
<span tabIndex="-1">bar</span>

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/tabindex-no-positive": "error"
  }
}

Config (oxlint.config.ts)

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["jsx-a11y"],
  rules: {
    "jsx-a11y/tabindex-no-positive": "error",
  },
});

CLI

oxlint --deny jsx-a11y/tabindex-no-positive --jsx-a11y-plugin

Version

This rule was added in v0.0.21.

References

• Rule Source
• Upstream rule docs
• Open rule in Oxc Playground