Use when reviewing rendered HTML, interactive components, or design-system patterns related to Do not use aria-hidden on the document body. Check native semanti
复制下面这句话,粘贴给 Claude Code、Codex、Cursor 等 AI 编程工具,它会读取安装说明并在你确认后完成安装。
请阅读 https://ai.atlankj.com/install/asset/gh-aria-hidden-body-be49b44a1b6c ,按照其中的说明把「aria-hidden-body」安装到你(当前 AI 工具)中。执行前先告诉我将运行的命令和写入的位置,等我确认。
查看 AI 将读取的安装说明正在读取 GitHub 原文…
内容来自 GitHub 原始文件,由原作者维护。在 GitHub 查看
Setting aria-hidden="true" on the body effectively silences the entire application for screen reader users, rendering the site completely unusable.
<body> element should never have aria-hidden="true"Check if the <body> element has aria-hidden="true" applied at any point in the lifecycle.
Remove aria-hidden="true" from the <body> and use it only on specific background containers when modals are open.
Explain the catastrophic impact of hiding the body element from assistive technologies.
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