Skip to main content

role-supports-aria-prop

Warns when an ARIA property or state is not in the WAI-ARIA role definition's set of supported states and properties for the element's computed role — e.g. aria-pressed on role="heading".

Split out of the former wai-aria-disallowed-props rule, alongside no-prohibited-naming and element-supports-aria-prop.

❌ Examples of incorrect code for this rule

<div role="heading" aria-pressed="true"></div>

✅ Examples of correct code for this rule

<div role="button" aria-pressed="true"></div>

Interface

{
"role-supports-aria-prop": boolean
}

Default Severity

error