aria-hidden-body
Make sure that aria-hidden attribute is not set to “true” on the <body>
element of a webpage.
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
- WCAG 1.3.1: Info and Relationships
- WCAG 4.1.2: Name, Role, Value
- Accessibility Insights: aria-hidden-body
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
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!