Ensures aria-hidden=true Is Not Present on the Document Body

Yotam Flohr
Researcher
Blind Low vision
WCAG 2.1 Level A

Written and researched for humans by humans

Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

If the aria-hidden=”true” attribute is present in the body of a document, the content won’t be accessible to assistive technology.

Why It Matters

Screen readers will ignore content that is marked with the aria-hidden=”true” attribute value. 

Any items that are accessible to sighted users must also be available to screen reader users. The same applies to hidden content, if it’s hidden from sighted users, it should also be hidden from users who rely on screen readers. The idea is to provide an equal experience for all.

Fixing the Issue

Make sure that you remove the aria-hidden=”true” attribute from any document’s body element.

Something to keep in mind is that the aria-hidden=”false” attribute is known to work inconsistently when used alongside styles or attributes that have historically prevented rendering in all modalities, so be sure to test thoroughly before taking this approach.

You can also reconsider moving the hidden content to another location that isn’t the body element.