查无障碍用这Skill对交互

用 Chrome DevTools 检测网页无障碍问题。

a11y-debugging 是借 Chrome DevTools MCP 检查网页无障碍的 Skill。无障碍包括键盘和辅助技术能否理解、操作页面,它把自动审计、可访问性树与视觉检查连起来。

图标按钮看得见,却可能没有可读名称;透明度设为零,也不等于从辅助技术里隐藏。将页面结构快照与截图对照,才能发现视觉顺序和读取顺序的差别。

再走 Tab 等键盘路径,看焦点能否到达、是否被困住、模态关闭后怎样返回。自动审计满分也不能证明所有操作可用,实际流程仍要测。

主文的尺寸和对比度细查依赖另一个脚本引用,本文未展开或执行;视觉观感也不能测出精确对比度数值。适合定位问题并保留失败元素,工具参数需按当前版本核,不凭单一快照宣告全面符合标准。

分类:测试排错

来源仓库:chromedevtools/chrome-devtools-mcp

适合用来做什么

  • 使用Chrome DevTools进行可访问性调试。
  • 帮我审计网页的可访问性问题。

安装 a11y-debugging

npx skills add https://www.iskills.cc/skills/chromedevtools/chrome-devtools-mcp/a11y-debugging/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 a11y-debugging 的用途与原始说明

浏览全部 Skill 指南