Ensures an Elements Role Supports Its ARIA Attributes

WCAG requires every element with an ARIA role to only use ARIA attributes that are allowed for that role.

Why It Matters

When elements with an ARIA role are using ARIA attributes that are not allowed, it can impact the accessibility of a page. The worst-case scenario is that the attribute will disable certain accessible functionality for portions of the page. 

This means that assistive technology may provide users with incorrect information that isn’t in line with the UI of a page or document. 

Fixing the Issue

ARIA clearly outlines which attributes are allowed for specific roles and where attributes may be used. 

ARIA attribute and role guidelines can be found here:

• Document conformance requirements for use of ARIA attributes in HTML
• Requirements for use of ARIA attributes to name elements

Test Cases

For passed and failed examples, visit W3C’s GitHub’s ATC Rules library.