无障碍A11y
上线前想查无障碍问题就用这条:把页面路径交给 Agent,它会逐项检查 ARIA 属性、键盘导航、颜色对比度、语义化标签和屏幕阅读器适配,给出修改建议,并附测试清单和 Lighthouse 评分验证方式。
适合做什么
- 在 Cursor / 同类 Agent 里挂载可复用技能
- 把重复检查或生成流程固化成一句话指令
- 团队共享「技能卡」减少口头约定
不太适合
- 当作完整安全审计或生产发布的唯一依据
- 无环境上下文时指望一次跑通复杂流水线
提示词正文
【技能名称】无障碍A11y
【技能目标】运行A11y检查,逐项修复:ARIA属性、键盘导航、颜色对比度、语义化标签、屏幕阅读器优化,附测试清单+Lighthouse A11y分数达标验证。
【使用方式】
1. 将上方目标作为 Agent Skill / 自定义指令的核心描述;
2. 补充你的项目路径、技术栈与验收标准;
3. 要求 Agent 先列出检查清单,再执行并给出可复核的输出(如 diff / 报告);
4. 若涉及发布或删除,必须二次确认。
【运营向用法提示】
可用于内容站、工具站或增长落地页的自动化检查与批处理;输出请要求中文结论 + 可执行下一步。复制后粘贴到 AI 对话框,按填空补全即可。
使用步骤
- 选出要检查的页面清单和基础组件
- 把目标粘进技能卡,写明技术栈和达标标准
- 先让它跑检查出清单,再按ARIA到对比度逐项修
常见问题
Lighthouse 分数不理想要紧吗?
分数是参考。先处理清单里影响操作的项,比如键盘不可达、对比度不足、缺少标签,这些比刷分数更有用。分数波动受环境和页面动态内容影响,单次结果不必追。
ARIA 改动需要我自己再复核吗?
需要。自动修复容易给装饰性图标加上不必要的标签,反而让屏幕阅读器重复朗读。建议改动后用一个页面走一遍键盘 Tab 顺序,确认焦点和朗读内容符合预期。
哪些页面不建议放进这次检查?
需要登录、依赖第三方嵌入内容或大量动态图表的页面,先跳过或只查静态骨架。这些页面的问题常来自外部组件,Agent 只能改到你的代码,结论需你自行判断。
来源说明
整理自公开提示词站点素材,经 52运营 筛选与页面改写,便于运营场景检索。 原始参考:来源链接