aria-hidden="true" must not be added to the <body>
Last updated:
How to fix the aria-hidden=“true” problem?
Remove the aria-hidden="true"
attribute from the <body>
element.
Why is this important?
Adding aria-hidden="true"
to the <body>
hides all the content of the page from assistive technology.
The aria-hidden
attribute can be used to hide a specific part of the page for screen readers. The aria-hidden
attribute should be set to true
if a
specific part of the page is not visible to the user. If a part is visually hidden, it should be marked as hidden for assistive technology like screen readers.
Make sure to change the aria-hidden
attribute with JavaScript when the element is made visible to the user so the element can be used by screen readers.
Free Website Accessibility Audit
Checkout the ExcellentWebCheck services
ExcellentWebCheck's goal is to improve the online user experience. The tools of ExcellentWebCheck help to detect and improve usability problems on your website.