Inappropriate Role Value Check

Description

The “Inappropriate Role Value Check” evaluates whether there is any invalid role attribute value on HTML elements.

Example outcome

I located 1 role attribute with invalid values.

Impact

• Visual Impairments: Elements with invalid roles are ignored or misidentified, affecting context or navigation.
• Motor Impairments: Missed landmarks (e.g., main, navigation) break expected keyboard shortcuts.
• Cognitive Disabilities: Misleading or missing roles reduce clarity of structure and purpose.

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