SuperAPI AI 工具集

accessibility-check

通用与其它

查看项目

更新于 10-16 04:55

技能介绍

用途:对任意网页执行 WCAG 无障碍违规扫描,无需注册。前置条件为 Playwright MCP(随 Claude Code 提供)。

触发方式:说出如“Check accessibility on https://...”“WCAG scan this page”“Is my site accessible?”之类的指令。

工作流程:使用 mcp__playwright__browser_navigate 导航到目标 URL,再用 mcp__playwright__browser_snapshot 获取快照。

检查类别:图片与媒体(img 必须有 alt,装饰性图片应为 alt="",video 和 audio 应有字幕/文字稿);标题(页面应仅一个 h1,不应跳级,如 h1 直接到 h3,标题应有描述性且非空);表单(每个 input 需有可见标签或 aria-label,必填字段应标记,错误信息应与字段关联);键盘(所有交互元素可聚焦,Tab 顺序合理,无键盘陷阱,焦点指示可见);颜色与对比度(文本对比度应达 4.5:1,大文本 18px+ 最低 3:1,信息不应仅靠颜色传达);ARIA(交互元素应有可访问名称,role 属性有效,aria-hidden="true" 不应隐藏可聚焦元素);结构(页面应有 main、nav、header、footer 地标区域,链接文字应具描述性而非“click here”,html 应有 language 属性)。

评级:A(0–1 个问题)、B(2–4)、C(5–8)、D(9–12)、F(13+)。

输出格式为无障碍报告,包含 URL、评级与问题数量,分列问题(标注 CRITICAL/WARNING)与通过项(如颜色对比度、键盘导航、ARIA 地标、语言属性等)。资料未提供其他功能、收费或平台限制信息。