--- title: No aria-hidden on Body | Accessibility Rule description: aria-hidden="true" must not be present on the document body source_url: html: https://testingbot.com/support/accessibility/web/rules/aria-hidden-body md: https://testingbot.com/support/accessibility/web/rules/aria-hidden-body/index.md --- # Make sure aria-hidden="true" is not present on the document body. Rule ID: aria-hidden-bodyUser Impact: criticalGuidelines: WCAG 2.0 The attribute `aria-hidden="true"` must not be used on the `` element. ## About This Rule This rule ensures that the `` element does not have the `aria-hidden` attribute, maintaining accessibility for assistive technologies. ## Why It Matters Applying `aria-hidden="true"` to the `` element hides all its content from assistive technologies, such as screen readers. While users can still navigate to focusable elements using the keyboard, the content remains inaccessible, leading to a poor user experience for individuals relying on these technologies. ## How to Fix - Remove `aria-hidden="true"` from the `` element. - Apply `aria-hidden="true"` only to elements whose content is decorative or redundant for assistive technology users. - Avoid using `aria-hidden="false"` on child elements of a parent with `aria-hidden="true"`, as it won't make them visible to assistive technologies. ### Example #### Fail In this example, `aria-hidden="true"` is incorrectly applied to the `` element, hiding all content from assistive technologies: ... ... #### Pass The attribute `aria-hidden="true"` must never applied to the `` element. Instead, when a dialog is open, elements outside the dialog can be removed from the tab order. ... ... ## Other Rules Interested in other web accessibility rules? Please see these other rules: - [aria-hidden-focus](https://testingbot.com/support/accessibility/web/rules/aria-hidden-focus) - [aria-input-field-name](https://testingbot.com/support/accessibility/web/rules/aria-input-field-name) - [aria-meter-name](https://testingbot.com/support/accessibility/web/rules/aria-meter-name) - [aria-progressbar-name](https://testingbot.com/support/accessibility/web/rules/aria-progressbar-name) - [aria-prohibited-attr](https://testingbot.com/support/accessibility/web/rules/aria-prohibited-attr)