Why is this an issue?

ARIA (Accessible Rich Internet Applications) attributes are used to enhance the accessibility of web content and web applications. These attributes provide additional information about an element’s role, state, properties, and values to assistive technologies like screen readers.

This rule checks that the values of ARIA attributes "aria-*" in DOM elements are valid.

How to fix

Check that each element with a defined ARIA attribute has a valid value.

<span aria-hidden="ok">foo</span>

To fix the code use a valid value for the aria-* attribute.

<span aria-hidden="true">foo</span>

Resources

Documentation

• MDN web docs - Using ARIA: Roles, states, and properties
• MDN web docs - ARIA states and properties (Reference)

Standards

• W3C - Accessible Rich Internet Applications (WAI-ARIA) 1.2