no-positive-tab-index.md

No positive tab index

Rule Details

Do not positive tabindex as it is error prone and can severely disrupt navigation experience for keyboard users.

Learn more at:

• A11yProject: Use the tabindex attribute
• Deque: Avoid using Tabindex with positive numbers

Examples

Incorrect code for this rule 👎

<button tabindex="3"></button>
<button tabindex="1"></button>

Correct code for this rule 👍

<!-- good -->
<button tabindex="0"></button>

<!-- also good -->
<button tabindex="-1"></button>