Overview
Invalid role-attribute combinations can disable the accessibility of your
page.
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 element's invalid combination(s):
-
Note the role
and aria-*
attributes of the element.
-
Go to Definition of Roles.
-
Go to the page for this element's role
.
-
Check the aria-*
attributes of the element against the Required
States and Properties or Supported States and Properties lists. Any
attribute that is not in one of these two lists is invalid.
To fix the invalid combo, you can either remove the invalid attributes from
the element, or change the role of the element to one that supports the
attributes.
More information
This audit is powered by the aXe Accessibility Engine. See Elements must only
use allowed ARIA attributes for more information.
Feedback
Was this page helpful?
Yes
What was the best thing about this page?
It helped me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had the information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had accurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was easy to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
No
What was the worst thing about this page?
It didn't help me complete my goal(s)
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was missing information I needed
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It had inaccurate information
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
It was hard to read
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.
Something else
Thank you for the feedback. If you have specific ideas on how to improve this page, please
create an issue.