Claude Code 装上这个 Skill，5 分钟给你的网站做一次 WCAG 无障碍审计

你的网站是无障碍的噩梦吗？让 Claude 帮你做 WCAG 合规审计

先问自己一个问题：你的网站残障人士真的能用吗？

不是「能用」，是《美国残障法案》（ADA）、《欧洲无障碍法案》（EAA）、Section 508 这些法规要求的那种「能用」。

我知道你在想什么——无障碍？那是给大企业准备的，我们小团队没精力搞这个。

但现实是：2026 年了，无障碍合规已经是合法刚需，欧盟、美国、加拿大全在强制执行，违规罚款从几万到上百万美元不等。更重要的是——它直接影响 15% 的全球人口（约 12 亿残障用户）的真实使用体验。

问题是：传统的 WCAG 审计要请专业顾问，一个页面的人工审计少说几千块。有没有更便宜、更快的方式？

有。让 Claude 替你做。

是什么

WCAG Accessibility Audit 是 mastepanoski/claude-skills 仓库里的一个 Claude Code Skill，直接把 WCAG 2.1/2.2 合规审计能力塞进你的 AI 编程助手。

说白了就是：让 Claude 学会用国际无障碍标准（WCAG）给你的网站「体检」。

触发方式很简单：
– wcag accessibility audit
– accessibility check
– audit for accessibility issues

它能检查什么

四大 POUR 原则全面覆盖

WCAG 的核心框架是 POUR：可感知（Perceivable）、可操作（Operable）、可理解（Understandable）、健壮（Robust）。这个 Skill 会对每个维度逐项检查，从文本替代方案到键盘导航，从颜色对比度到屏幕阅读器兼容性，一个不落。

严重性分级报告

找到问题后，不是给你一堆杂乱无章的清单，而是按「Critical / Major / Minor」三级严重性分类，告诉你哪些必须立刻修、哪些可以慢慢来。

具体修复建议

不是那种「此处存在对比度不足」然后就没了。它会给你具体的修改方案——比如「将正文文字颜色从 #999999 改为 #767676，可将对比度从 2.8:1 提升至 4.5:1，满足 AA 级要求」。

为什么这对开发者有用

快速发现显性问题

很多 WCAG 问题肉眼就能看出来，但开发者往往会忽略。比如：
– 图片没有 alt 文字
– 表单标签缺失
– 链接文字是「点击这里」
– 键盘 Tab 顺序混乱

Claude 直接扫一遍代码，5 分钟给你列出来。

法规合规预防

在产品上线前做一次 accessibility audit，比被用户投诉、被监管机构盯上要便宜得多。特别是 SaaS 产品面向企业客户时，客户法务往往会问「你们符合 Section 508 吗」。

不只是前端的活

很多人以为无障碍只是前端的事。实际上后端逻辑（表单验证错误提示）、内容策略（图片 alt 文字）、甚至 CI/CD 流程（自动化测试集成）都可以纳入 accessibility 检查范围。

安装方式

npx -y skills add mastepanoski/claude-skills --skill wcag-accessibility-audit --agent claude-code

适合谁用

• 独立开发者 / 小团队，没有专职无障碍工程师
• SaaS 产品负责人，要给企业客户做合规证明
• 前端工程师，想在 code review 里加一道 accessibility 检查
• 任何人：对自己的网站「是不是真的每个人都能用」有一点点好奇的

无障碍不是做慈善，是做产品。12 亿潜在用户，不会因为你的网站不兼容而感谢你。

GitHub：https://github.com/mastepanoski/claude-skills

GitHub: https://github.com/mastepanoski/claude-skills