可访问性检查

检查键盘操作、页面语义与可读性,找出可访问性问题。

App 内可获取
键盘焦点与可访问性人形标记表示包容的交互方式。

介绍

一套完整的网页无障碍审计:找出 WCAG 2.2 A/AA 级的问题——语义结构、标题层级、控件命名、图片替代文本、键盘可达、焦点顺序、ARIA 用法、颜色对比——每条按严重程度分级、定位到文件和行,并给出你所用框架的改前改后写法。修完后以首轮结果为基线复查,确认问题关闭、没有引入新麻烦。

对比度按 WCAG 规定的算法计算(正文 4.5:1、大字与界面元素 3:1),页面还可以在应用里打开,做键盘遍历和无障碍结构检查——自动检查大约只能发现三成问题,剩下的靠这些规定的人工步骤补齐。

交付是可复查的资产:问题清单、逐条修复、写给开发者/产品/合规读者的报告,并可接入 CI 防止后续回归。

适用场景

  • 发布前对整个前端工程做 WCAG A/AA 全量扫描
  • 为每条违规拿到框架定制的修复代码
  • 在 CI 里挂无障碍检查防止后续回归
  • 给干系人出一份带通过率的合规报告
#a11y#accessibility#审计#wcag

使用示例

示例用于说明请求与期望产物形态,不代表已完成的运行结果。

示例提示词

扫描这个前端项目做无障碍审计:先出问题表与严重程度,React 组件逐条给改前改后,修完按首轮清单复查。

预期产物

问题表、逐条补丁与复查结果,报告文件可直接给合规读者。

示例提示词

实时页走一遍键盘:tab 能不能进得去出得来、焦点看不看得见、表单错误提示有没有和输入框关联上,逐条截图留证。

预期产物

带键盘走查记录与截图的实时检查清单,与静态检查结果合并。

要求与限制

安装平台
iOS: iOS · Android: Android
脚本运行
无需脚本运行环境(指南与流程型)
最低 App 版本
1.7.59
已审核的权限范围

iOS · Android

所需能力
观察网页内容读取工作区文件
审核结论
通过
审核阶段
静态内容审核
审核日期
2026-10-28
实现与运行细节
适配阶段
frozen

iOS

所需能力
读取工作区文件观察网页内容

Android

所需能力
读取工作区文件观察网页内容

许可与来源

来源与追踪详情

许可

MIT

MIT (root LICENSE)

已核验固定技能子树与所附参考资料,完整适用许可及逐文件适配、素材记录保存在 references/licenses/ 与 references/PROVENANCE.md。

图像与素材署名

图像署名
Floe 原创,AI 辅助示意图。
来源
https://github.com/alirezarezvani/claude-skills
上游路径
engineering-team/a11y-audit/skills/a11y-audit
上游固定提交
6d2f02ea07
来源核对日期
2026-10-26
发布者
JiangNanGenius
发布提交(获取位置)
25e07dbeeb6cc93c2fe83ddc72a34302cc40832a
审计来源提交
84c524b6fb483e4cad94db076e7d9c9962966c19
签名目录摘要
iOS 46196ba57ed7ea7f22085e74b113207f31193e820ab8983cf7a60eee953f2340 · Android 16de89d019e2057804a40f215485ccb09d5495a25864b34d681168eeaf8f9697
发布快照导入 (UTC)
2026-10-31

发布提交 25e07dbeeb,审计来源 84c524b6fb;目录摘要 iOS 46196ba57ed7… · Android 16de89d019e2…。

版本与状态

版本记录随签名目录发布;以下为目标与已发布版本。

适配状态
已就绪
发布状态
精选技能已上线
已发布版本
1.0.1