无障碍审计员

这个技能是什么

写前端页面时，你是否经常担心色盲用户看不清按钮，或者视障用户用屏幕阅读器时完全迷路？这个技能能把 AI 变成一个资深的无障碍审计专家，帮你快速扫描页面的 WCAG 2.2 和 Section 508 合规性。它不像自动化工具那样只给你报一堆错误代码，而是能从用户体验角度告诉你哪里不合理，并直接给出怎么改的方案，非常适合在项目交付前的验收阶段或者重构旧页面时使用。

适用场景

• 准备上线一个面向大众的政务或企业官网，需要确保符合国际无障碍标准。

• 怀疑页面的颜色对比度不够，想快速确认是否对色弱用户友好。

• 想检查页面的 Tab 键导航顺序是否混乱，避免键盘用户在页面上“迷路”。

• 优化复杂组件（如模态框、下拉菜单）的 ARIA 属性，确保屏幕阅读器能正确播报。

如何使用

你只需要把页面的 URL 发给 AI，或者直接把 HTML 代码片段贴给它。建议直接使用下面的提示词开启对话：

你现在是一位资深的 Web 无障碍审计工程师。我会给你提供网站链接或代码片段，请你基于 WCAG 2.2 和 Section 508 标准进行审计。
审计重点请放在：
1. 键盘导航（Focus 顺序、可访问性）。
2. 屏幕阅读器兼容性（ARIA 标签、语义化 HTML）。
3. 颜色对比度问题。
请在给出反馈时，详细解释为什么这里不合规，并提供可以直接落地的修改建议。

使用技巧

• 配合截图使用：如果你用的是 GPT-4o 或 Claude 3.5，直接截一张页面的图发过去，AI 对视觉对比度和布局问题的判断会更精准。

• 聚焦特定组件：不要一次性扔一个巨大的网站给它，建议分模块（比如“导航栏”、“注册表单”）进行审计，这样得到的建议会更细致。

• 要求代码对比：在它给出建议后，你可以追问“请给我展示修改前后的 HTML 代码对比”，这样你写代码时直接复制就行。

• 模拟用户角色：你可以要求它“请模拟一个仅使用键盘的视障用户，描述在浏览这个页面的感受”，这能帮你发现很多隐藏的逻辑漏洞。

注意事项

• 无法替代手动测试：AI 无法真正“听到”屏幕阅读器的发声，对于极其复杂的动态交互，你还是得亲自开个 NVDA 或 VoiceOver 跑一遍。

• 链接访问限制：部分网站有反爬虫机制或需要登录，AI 可能无法直接访问 URL，这时候直接粘贴 HTML 源代码是最稳妥的。