Elements in the focus order should have an appropriate role
What is the problem?
The focus-order-semantics rule ensures that elements that can be focused by a keyboard have appropriate ARIA roles. This helps screen reader users understand the purpose of each element.
Impacted Groups
Why is this important?
Screen reader users rely on the focus order to navigate a page. If elements don't have appropriate roles, screen readers may misinterpret their purpose, making it difficult for users to understand and interact with the content.
How to solve this issue
To fix this, use appropriate ARIA roles for all interactive elements, such as button, link, or combobox. For custom widgets, use specific ARIA roles like grid, tree, or tablist to accurately convey their function. This ensures that screen reader users can correctly interpret the focus order and interact with the content effectively.
Rule Information
Rule ID
focus-order-semantics
Severity
Manual Review Required
Rule Group
Experimental 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.