Role Value Check

Description

The “Role Value Check” evaluates whether all HTML elements using the role attribute contains a valid ARIA role, as defined by the WAI-ARIA specification.

Example outcome

I observed that all role attributes have valid values.

Impact

• Visual Impairments: Invalid roles may be ignored by assistive technologies, making content or controls invisible or misidentified.
• Motor Impairments: Individuals with motor imparments may lose meaningful navigation if landmark roles (e.g., banner, main) are invalid.
• Cognitive Disabilities: Misuse may result in missing context for content or controls.

Fixes

To address role attributes with invalid values:

1. Locate the element where the role attribute has an invalid value.
2. Replace its value with a valid one that suits its purpose, according to WAI-ARIA’s specification.

Resources

• WCAG 2.2: Understanding Success Criteria 1.3.4
• ACT Rules: Role attribute has valid value
• WebAIM: Introduction to ARIA - Accessible Rich Internet Applications