ARIA role is not valid
Why it matters
An unknown role is ignored, so the element loses the meaning you meant to give it.
How to fix it
Use a role from the WAI-ARIA list, or better, use the matching native HTML element.
<!-- Before -->
<div role="buton">Save</div>
<!-- After -->
<button type="button">Save</button>Read the W3C guidance: Understanding 4.1.2 Name, Role, Value.
Related rules
- Frame has no title (WCAG 4.1.2)
- Label points at an element that does not exist (WCAG 4.1.2)
- Duplicate id is used by a label or ARIA attribute (WCAG 4.1.2)
- Button has no name (WCAG 4.1.2)
Find this on your own site. A11yMate scans every page and lists where it happens. See pricing or browse all rules.