用途:这是前端检查清单(front-end-checklist)中的无障碍规则,用于审查渲染后的 HTML、交互组件或设计系统模式中 tabindex 的使用是否恰当。
主要能力:检查是否存在正数值 tabindex(1、2、3…),确认自定义交互元素可被键盘聚焦;给出修复方式,并解释正数值为何会破坏键盘导航与用户体验。
使用方式:在代码审查时检查渲染标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。修复时移除正数值,按需改用 tabindex="0" 或 tabindex="-1"。
适用场景:无障碍审查、组件库与设计系统评审、键盘导航测试。
限制:完整实现细节、代码示例与框架相关指引见 references/rule.md;规则页为 https://frontendchecklist.io/rules/accessibility/tabindex。