aria-hidden Must Not Be Present on Document Body

No Comments

Element Code: HT-009

Quick Reference (Critical Issue)

Issue: The body element has aria-hidden="true"

Impact: Entire page content is hidden from screen readers

Fix: Remove aria-hidden from body element

Detection: axe DevTools, screen reader testing

What Is This Issue?

Setting aria-hidden="true" on the body element hides all page content from assistive technologies. Screen reader users will perceive the page as completely empty.

Why This Matters for Your Website

This makes your entire site inaccessible to screen reader users. They cannot access any content, navigation, or functionality.

How to Fix This Issue

  1. Find and remove: Search for aria-hidden on body element
  2. Check scripts: JavaScript may be adding it incorrectly
  3. Fix modal handling: Often caused by modal dialogs not cleaning up

Tools for Detection

  • axe DevTools: Flags aria-hidden on body
  • Screen reader: Test reveals empty page

TL;DR (The Simple Version)

Your body element has aria-hidden="true", which hides everything from screen readers. Remove this immediately to make your site accessible.

About SEO ProCheck

Technical SEO consulting and GEO strategy with 20 years of enterprise experience. Case studies, resources, and tools for search and AI visibility.

Work With Me

Technical SEO audits, GEO strategy, site migrations, and international SEO. Hourly consulting for teams who need hands-on support, not just reports.

Subscribe to our newsletter!

More from our blog