Skip to main content

aria-required-parent

Ensures elements with an ARIA role that require parent roles are contained by them.

Severity: Critical

Description

For the accessibility features to work as intended, specific ARIA roles must be contained by specific parent roles.

Why is it important?

To direct assistive technologies to handle an element differently than its default HTML element type, an element can be given an ARIA role property. For instance, a listbox control should consider a li element with the role="option" as a selectable option rather than a static list item.

If a child control’s managing control lacks the necessary parent function, people who use assistive technologies may find it challenging or impossible to use it.

How to fix?

All ARIA roles must be present within their necessary parent element. ARIA relationship properties include aria-activedescendant, aria-controls, aria-describedby, aria-flowto, aria-labelledby, aria-owns, aria-posinset, and aria-setsize.

References

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback

Is this page helping you?

Yes
No

We're sorry to hear that. Please share your feedback so we can do better

Contact our Support team for immediate help while we work on improving our docs.

We're continuously improving our docs. We'd love to know what you liked






Thank you for your valuable feedback!

Talk to an Expert
Download Copy