用途:这是前端检查清单中的一项无障碍规则,用于在评审渲染后的 HTML、交互组件或设计系统模式时,确认没有对文档 body 使用 aria-hidden。
主要能力:对 body 元素添加 aria-hidden="true" 会让整个应用对屏幕阅读器用户静默,导致站点完全不可用。该规则用于识别这种问题,它常因管理模态框状态而意外出现。
检查方式:检查 body 元素在生命周期任意时刻是否被应用了 aria-hidden="true"。
修复方式:从 body 移除 aria-hidden="true",仅在模态框打开时把它用在特定的背景容器上。
代码评审要点:审查渲染标记和影响该规则的交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。
限制与更多细节:完整实现细节、代码示例和框架相关指引见 references/rule.md;规则页面为 https://frontendchecklist.io/rules/accessibility/aria-hidden-body。