用途
aria-required-parent 规则用于确保 ARIA 角色被其必需的父级角色所包含。当某个 ARIA 子角色(例如菜单项 menuitem)没有被放置在它所需的父角色(例如菜单 menu)之内时,屏幕阅读器可能无法将该元素作为某个组的一部分进行播报,从而破坏用户的导航体验。该规则旨在帮助开发者发现并修复这类语义层级缺失的问题。
主要能力
- 快速参考:说明某些角色(如 listitem)必须由特定的父角色(如 list)拥有。
- 检查:验证带有 listitem、tab、menuitem 等角色的元素是否正确嵌套在其必需的父角色中。
- 修复:将需要特定父角色的元素包裹在合适的容器角色中,例如把 role="listitem" 包裹在 role="list" 中。
- 解释:说明为什么某些 ARIA 角色必须嵌套在特定的父容器内,以维持语义含义和分组导航。
- 代码审查:审查渲染后的标记以及影响该规则的交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器无障碍工具或辅助技术验证修复效果。
使用方式
该规则以检查清单条目的形式提供,包含快速参考、检查、修复、解释和代码审查等部分。开发者可在审查渲染后的 HTML、交互组件或设计系统模式时应用此规则。完整的实现细节、代码示例和框架特定指南参见 references/rule.md。规则页面地址为 https://frontendchecklist.io/rules/accessibility/aria-required-parent。
适用场景
适用于审查渲染后的 HTML、交互组件或设计系统模式,尤其是涉及菜单项、选项卡和列表项等需要有效 ARIA 层级结构的场景。
限制
该规则的具体实现细节、代码示例和框架特定指南需参考 references/rule.md,本条目未提供这些内容。其他未在资料中明确说明的功能、收费、价格、平台或效果暂未提供。