In this Article
Why it Matters
Correctly applied, ARIA roles improve the accessibility of your webpages. They help ensure your content can be easily accessed by users of accessible technology.
Roles help accessible technologies:
provide clear context and structure of the webpage, including clear definitions of the purpose and behavior of custom elements
ensure that their users are informed of dynamic content updates
Diagnosing a Problem from a Page View
Open a page in the Detail Page View, select the Accessibility tab, and expand the details for the ARIA roles used must conform to valid values flag.
In the Element Source section, you will find the role that has been flagged in the HTML of the page.
In the Failure Summary, you will also find a note with tips on what needs to be fixed.Check for easy fixes.
Is the role spelled correctly?
Are there extra characters in the assigned role, for example, like extra quotes?
Visit our Valid ARIA Roles Quick Reference to ensure the flagged role is one of the valid role choices provided by ARIA.
Related Articles
Resources
Landmark Regions from W3C
Accessibility Landmarks from W3 Schools
Learn More with WCAG
Understanding Info and Relationships (Level A)
Understanding Bypass Blocks (Level A)
DubBot Flag: ARIA roles used must conform to valid values
If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!