aria-hidden="true" must not be added to the <body>

Last updated:

This evaluation is included in the Accessibility audit offered by ExcellentWebCheck. Ensuring website accessibility is essential to ensure everyone can use the internet without barriers.

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.

Was this article helpful?

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.