Free scan

Fix "aria-hidden on <body>" in HTML

Why it's a problem

Setting aria-hidden="true" on <body> removes the ENTIRE page from assistive technologies. A screen reader announces nothing: the page is empty to it, while it displays normally on screen. A single mistake, but a total one.

How to fix it — HTML

Remove aria-hidden from <body>. The usual cause is a modal hiding the rest of the page: apply aria-hidden (or better, inert) to the main content container, never to <body>, which also contains the modal.

Avoid
<!-- La modale est DANS body : elle disparaît aussi -->
<body aria-hidden="true">
  <main>…</main>
  <div role="dialog">…</div>
</body>
Correct
<body>
  <main inert>…</main>
  <div role="dialog" aria-modal="true">…</div>
</body>

Check your site in 30 seconds

Conformly detects this kind of issue across all your pages, continuously, and alerts you on every regression.

Free scan

Other fixes