ARIA role should be appropriate for the element
What is the problem?
The aria-allowed-role rule ensures that ARIA roles are assigned correctly to HTML elements. Not all roles are compatible with every element.
Impacted Groups
Why is this important?
Misusing ARIA roles can confuse screen readers and other assistive technologies. This can lead to incorrect information being conveyed to users, making it harder for them to understand and interact with the content.
How to solve this issue
To fix this, use ARIA roles according to the ARIA specification. Consult the specification or use a linter to ensure that roles are assigned correctly to elements. For example, a button cannot be assigned the role=heading. By following this rule, you can ensure that assistive technologies can interpret the content accurately and provide a better user experience.
Rule Information
Rule ID
aria-allowed-role
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.