test-keyboard-navigation
Test a web journey using keyboard-only navigation for reachability, order, focus, activation, escape, and recovery. Use when checking interactive accessibility without a pointer.
来源信息
- 仓库
- protosphinx/sphinxstack
- 最近来源活动
- 2026年7月29日 13:55
- 检测到的 SKILL.md 语言
- 英语
- 星标
- 3
- Forks
- 0
安装方式
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
检查来源文件
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
文件资源管理器
2 个文件正在显示 SKILL.md
SKILL.md
来源说明 · 只读预览- name
- test-keyboard-navigation
- category
- web
- description
- Test a web journey using keyboard-only navigation for reachability, order, focus, activation, escape, and recovery. Use when checking interactive accessibility without a pointer.
# test-keyboard-navigation
Follow realistic tasks, not a tab-count checklist.
## When to use
- Use for navigation, forms, dialogs, menus, tables, editors, media, checkout, and account flows.
- Do not remove focus outlines or add positive tabindex to repair visual order.
## Procedure
1. Define browser, viewport, user state, route, task, expected controls, and accessibility baseline.
2. Start at the address bar and use Tab, Shift+Tab, Enter, Space, arrows, Escape, and documented shortcuts.
3. Verify skip links, logical order, visible focus, no traps, and no offscreen or inert focus.
4. Test custom controls against expected keyboard patterns.
5. Open and close overlays, confirm focus entry, containment where required, return, and background protection.
6. Complete validation and error recovery without a pointer.
7. Repeat at zoom, responsive layouts, and with representative assistive technology.
8. Record steps, affected control, expected behavior, actual behavior, and severity.
## Done
- A keyboard test report records journeys, keys, focus order, visibility, traps, control behavior, and recovery
- Retest verifies fixes across browsers, zoom, responsive layouts, and relevant assistive technology
在 GitHub 查看