Invalid role detected
| Field | Value |
|---|---|
| Rule code | Manual_Role_Invalid |
| WCAG conformance level | A |
| WCAG success criterion | 4.1.2 Name, Role, Value |
| Must be fixed at source | No |
Description
Native HTML tags have inherited ARIA roles that are announced to Screen Reader users as the element's intended purpose. We detected an element with an invalid role, either inherited from its native tag or given explicitly with the ARIA role attribute, that is invalid for the current functionality or intended use of the element.
How to fix
Ensure that you only use native tags when the purpose of the element matches with the inherited role. For example: only use <a> tags for elements whose intended use is to be an interactive link that directs users to a new location when it is clicked, only use heading tags (<h1>, <h2>, etc) for text content whose intended use is to be a heading for related information and organize the content of the page, and so on. Additionally, ensure that you only use ARIA role attributes to communicate current functionality or intended use of each element.