AccyNon-existent ARIA role
WCAG 4.1.2 (A) · EN 301 549 9.4.1.2
An element has role="{role}", which is not a valid role.
Why it matters
A misspelled role does nothing: the browser ignores it and the element is exposed with its original semantics, which is almost always "no meaning at all". The developer believes it is fixed, and it is not.
How to fix it
Correct the role name, or drop it and use the native HTML element, which already carries the right role.
<span role="buton">Buy</span><button type="button">Buy</button>Related
- Image button with no alternative text
- Embedded frame with no title
- Form fields with no label
- Buttons with no name
Does your shop have this failure?
Check for free, along with the other 54 rules. No sign-up.