SuperAPI AI 工具集

tabindex

前端与建站

查看项目

更新于 10-16 05:54

技能介绍

用途:这是前端检查清单(front-end-checklist)中的无障碍规则,用于审查渲染后的 HTML、交互组件或设计系统模式中 tabindex 的使用是否恰当。

主要能力:检查是否存在正数值 tabindex(1、2、3…),确认自定义交互元素可被键盘聚焦;给出修复方式,并解释正数值为何会破坏键盘导航与用户体验。

使用方式:在代码审查时检查渲染标记与交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何用浏览器无障碍工具或辅助技术验证修复。修复时移除正数值,按需改用 tabindex="0" 或 tabindex="-1"。

适用场景:无障碍审查、组件库与设计系统评审、键盘导航测试。

限制:完整实现细节、代码示例与框架相关指引见 references/rule.md;规则页为 https://frontendchecklist.io/rules/accessibility/tabindex。