school Are you a developer in an agency in the UK, Indonesia or India? Find out more about our free 2 day Progressive Web Apps training .

Element ARIA Attributes Are Valid And Not Misspelled Or Non-Existent

Why the audit is important

Misspelled or nonexistent ARIA attributes 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.

How to pass the audit

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 names:

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

  2. Go to Definition of Roles.

  3. Go to the page for this element's role.

  4. Check the actual attributes on the element against the supported attributes, as listed in Required States and Properties and Supported States and Properties.

How the audit is implemented

This section explains how this audit is implemented, so that you can understand how the audit's score is calculated.

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

Feedback