astro/jsx-a11y/no-noninteractive-tabindex

apply jsx-a11y/no-noninteractive-tabindex rule to Astro components

This rule is the same rule as jsx-a11y/no-noninteractive-tabindex rule but it applies to the Astro components.
You must have eslint-plugin-jsx-a11y installed to use this rule.

The following is a partial excerpt from the jsx-a11y/no-noninteractive-tabindex rule documentation. See original documentation for more details.

Tab key navigation should be limited to elements on the page that can be interacted with. Thus it is not necessary to add a tabindex to items in an unordered list, for example, to make them navigable through assistive technology. These applications already afford page traversal mechanisms based on the HTML of the page. Generally, we should try to reduce the size of the page’s tab ring rather than increasing it.

📚 Further Reading

🚀 Version

This rule was introduced in eslint-plugin-astro v0.11.0

🔍 Implementation

Taken with ❤️ from eslint-plugin-jsx-a11y

Edit this page