Skip to main content

aria-hidden-body

Make sure that aria-hidden attribute is not set to “true” on the <body> element of a webpage.

Severity: Critical

Description

The attribute aria-hidden="true" must not be used on the <body> element.

Why is it important?

Websites need to be accessible for users who use assistive technologies for navigating through them.

Any content that is visible to a sighted user must also be equally accessible to a visually impaired user. Likewise, if hidden for sighted users, it should be hidden for visually impaired users as well.

In some browsers, if the attribute aria-hidden="true" is used on an element, the element along with all its children gets hidden from assistive technologies. While users can still use the keyboard to focus on any focusable element, screen readers would no longer announce the contents if aria-hidden="true".

How to fix?

Ensure that aria-hidden attribute is not set to true for the <body> element.

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