ARIA attributes not allowed on the element

What this is

3 elements use ARIA attributes that are not valid for its role, so they are ignored or announced incorrectly.

Who it affects

• Screen reader users

Standards

• WCAG 4.1.2 Name, Role, Value (A)

How to fix it

1. Remove the unsupported attribute or change the element's role to one that supports it.
2. Check the exact attribute in the issue detail: see the failure summary.
3. Prefer native HTML elements (button, a, nav, ul) over custom roles.

Other platforms

• Next.js
• Lovable

Prompt for an AI coding tool

Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.

More fixes

• Image buttons missing alternative text
• Links without a name
• Buttons without a name
• Interactive controls nested inside other controls
• Form fields without a label
• Dropdowns without a label