用途:该技能属于前端可访问性检查规则,用于审查渲染后的 HTML、交互组件或设计系统模式,确认所有交互元素均可通过键盘导航使用。适用对象包括依赖键盘操作的用户,资料称约 15% 的用户依赖键盘导航,焦点顺序错乱或键盘陷阱会导致站点对其完全不可用。
主要检查点:所有交互元素必须可通过 Tab 键到达;焦点顺序应符合视觉阅读顺序(从左到右、从上到下);不得使用正的 tabindex 值,以免破坏自然焦点流;隐藏内容须以 tabindex='-1' 移出 Tab 序列;键盘陷阱仅在活动模态框内且存在可用 Escape 退出路径时才可接受。检查范围还包括隐藏内容不可获得焦点、整体不存在键盘陷阱等。
修复方式:确保 Tab 顺序遵循与视觉布局一致的 DOM 顺序;使用 tabindex='-1' 将隐藏元素移出焦点;避免使用正的 tabindex 值;确保屏幕外或 display:none 的内容无法接收焦点。
使用方式:在代码评审中检查渲染后的标记与影响键盘导航的交互状态,指出违反规则的具体元素、角色、标签、焦点行为或键盘交互,并说明如何通过浏览器可访问性工具或辅助技术验证修复效果。完整实现细节、代码示例和框架相关指南见 references/rule.md,规则页为 https://frontendchecklist.io/rules/accessibility/keyboard-navigation。
限制:资料未提供该技能的安装命令、收费方式、支持平台或具体框架实现示例。