SuperAPI AI 工具集

accessibility-auditing

通用与其它

查看项目

更新于 10-15 19:48

技能介绍

用途:在不依赖外部工具的情况下,使用 Cursor 内置浏览器对网页做无障碍审计,覆盖缺失标签、语义结构、键盘导航、ARIA 误用和对比度。

主要能力:通过 browser_navigate 打开目标 URL,再用 browser_snapshot 获取屏幕阅读器所用的 aria/无障碍树,据此检查按钮、图片、输入框、链接是否缺少可访问名称;识别可点击 div/span、缺失 nav/main/header/footer 地标、标题层级跳跃、未用列表标签;检查交互元素是否进入 Tab 顺序、自定义组件是否缺 role 与键盘处理、模态框焦点陷阱与 Escape 关闭、是否缺跳转内容链接;发现 aria-hidden 用于可聚焦元素、无效 role、aria-expanded 无对应内容、aria-controls 指向不存在 ID 等 ARIA 问题;并用截图辅助检查浅灰文字、过淡占位符和难以区分的禁用态。

使用方式:按工作流依次打开页面、抓取无障碍树、审计、用 browser_press 模拟 Tab 键验证焦点顺序与可见性、Escape 关闭行为,然后按严重、警告、通过三类输出报告,最后在源码中修复,如为图标按钮加 aria-label、用 label 包裹输入框、把 div onClick 改为 button、补 alt 文本、修正标题层级。

适用场景:前端页面、组件库或表单的无障碍自查,尤其适合在 Cursor 内快速定位问题。

限制:对比度检查依赖截图,属视觉辅助;资料未提供自动化程度、支持框架、评分标准或与外部审计工具的对比,具体效果暂未提供。