用途
该技能用于审查渲染后的 HTML、交互组件或设计系统模式,确保页面遵循“恰好使用一个 main 地标”的无障碍规则。其核心目标是让键盘和屏幕阅读器用户能够直接跳转到页面的主要内容,绕过重复的导航区域。
主要能力
- 快速参考:确认每个页面恰好有一个 <main> 元素;避免多个带 role='main' 的元素;为页面主要内容提供清晰的起始点。
- 检查:统计页面上 <main> 元素或带 role='main' 的元素数量,确保恰好为一个。
- 修复:将多个主内容区域合并为单个 <main> 元素,或从多余容器上移除 role='main' 属性。
- 解释:说明 main 地标如何作为辅助技术的主要导航目标,以及为什么多个主区域会造成混淆。
- 代码审查:审查渲染后的标记和影响该规则的交互状态,标记违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器无障碍工具或辅助技术验证修复。
使用方式
该技能以规则形式提供,包含快速参考、检查、修复、解释和代码审查等环节。完整实现细节、代码示例和框架特定指南见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/accessibility/landmark-one-main。
适用场景
适用于前端开发、设计系统维护和无障碍审查过程中,对渲染后的 HTML 或交互组件进行 main 地标合规性检查。
限制
资料未提供该技能的具体安装命令、支持的框架列表、自动化程度或与其他工具的集成方式。