How do I install the Aria Hidden Body skill?

Run npx skillmds@latest add thedaviddias/aria-hidden-body in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Aria Hidden Body safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Aria Hidden Body?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Aria Hidden Body free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Aria Hidden Body?

thedaviddias (@thedaviddias) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Aria Hidden Body by thedaviddias — Agent Skill

Name: Aria Hidden Body
Author: thedaviddias

Aria Hidden Body

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Do not use aria-hidden on the document body. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

thedaviddias Updated Sep 17, 2026

File contents

Do not use aria-hidden on the document body

Setting aria-hidden="true" on the body effectively silences the entire application for screen reader users, rendering the site completely unusable.

Quick Reference

The <body> element should never have aria-hidden="true"
Hiding the body makes the entire page invisible to assistive technologies
Often happens accidentally when managing modal states

Check

Check if the <body> element has aria-hidden="true" applied at any point in the lifecycle.

Fix

Remove aria-hidden="true" from the <body> and use it only on specific background containers when modals are open.

Explain

Explain the catastrophic impact of hiding the body element from assistive technologies.

Code Review

Review the rendered markup and interactive states that affect Do not use aria-hidden on the document body. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/accessibility/aria-hidden-body

Frequently asked questions