The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

Element aria-* Attributes Have Valid Values

Overview

Invalid ARIA attribute values may be preventing the screen reader from properly understanding the current state of a widget. This could make the page unusable to users who rely on screen readers.

See Introduction to ARIA for more information.

Recommendations

Below the audit, Lighthouse displays something like 1 element fails this test. The number varies depending on how many elements are failing. Click this label to expand the list. You can find each element in your DOM by running the $(), $$(), and $x() functions from the Chrome DevTools Console.

To find each listed element's invalid attribute values:

  1. Note the aria-* attributes of the element.

  2. Go to Definition of States and Properties.

  3. For each aria-* attribute of the element, go the page for that attribute.

  4. Make the value of the element's attribute match one of the supported values listed in Value.

More information

This audit is powered by the aXe Accessibility Engine. See ARIA attributes must conform to valid values for more information.

Feedback

Was this page helpful?