Elements should not have tabindex greater than zero
What is the problem?
The tabindex attribute is used to control the order in which elements are focused when a user navigates a page using the Tab key. Setting tabindex to a value greater than 0 can disrupt the natural tab order, potentially skipping over important elements.
Impacted Groups
Why is this important?
Keyboard users rely on the tab order to navigate a page efficiently. If the tab order is disrupted, users may miss important information or be unable to complete tasks.
How to solve this issue
To fix this issue, avoid setting tabindex to a value greater than 0. Instead, use appropriate HTML semantics and CSS to control the visual layout and focus order of elements. If you need to alter the tab order, use tabindex="0" to make an element focusable, but maintain the natural reading order.
Rule Information
Rule ID
tabindex
Severity
Manual Review Required
Rule Group
Best Practices Rules
Guidelines
- Best Practice
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.