ARIA roles hierarchy
An HTML element can be given a
role to instruct Assistive Technologies to treat an element different.
An example is the
menu role which instructs Assistive Technologies to treat the element(s) as a menu.
Some roles are only valid when placed inside an element with a role. For example, a
menuitem must be wrapped in an element with the roles
<section role="list"> <div role="listitem">List item 1</div> <div role="listitem">List item 2</div> <div role="listitem">List item 3</div> </section>
Note, you must also provide the required attributes for the parent role if needed.
Free Website Accessibility Audit
We are sorry to hear that you are not satisfied with the content on this page.
Checkout the ExcellentWebCheck services
ExcellentWebCheck's goal is to improve the online user experience. The tools of ExcellentWebCheck help to detect and improve usability problems on your website.