Agent SkillsAgent Skill免费复制

无障碍A11y

上线前想查无障碍问题就用这条:把页面路径交给 Agent,它会逐项检查 ARIA 属性、键盘导航、颜色对比度、语义化标签和屏幕阅读器适配,给出修改建议,并附测试清单和 Lighthouse 评分验证方式。

适用模型 Cursor Skill·纠错 / 投稿

适合做什么

  • 在 Cursor / 同类 Agent 里挂载可复用技能
  • 把重复检查或生成流程固化成一句话指令
  • 团队共享「技能卡」减少口头约定

不太适合

  • 当作完整安全审计或生产发布的唯一依据
  • 无环境上下文时指望一次跑通复杂流水线

提示词正文

【技能名称】无障碍A11y
【技能目标】运行A11y检查,逐项修复:ARIA属性、键盘导航、颜色对比度、语义化标签、屏幕阅读器优化,附测试清单+Lighthouse A11y分数达标验证。

【使用方式】
1. 将上方目标作为 Agent Skill / 自定义指令的核心描述;
2. 补充你的项目路径、技术栈与验收标准;
3. 要求 Agent 先列出检查清单,再执行并给出可复核的输出(如 diff / 报告);
4. 若涉及发布或删除,必须二次确认。

【运营向用法提示】
可用于内容站、工具站或增长落地页的自动化检查与批处理;输出请要求中文结论 + 可执行下一步。

复制后粘贴到 AI 对话框,按填空补全即可。

使用步骤

  1. 选出要检查的页面清单和基础组件
  2. 把目标粘进技能卡,写明技术栈和达标标准
  3. 先让它跑检查出清单,再按ARIA到对比度逐项修

常见问题

Lighthouse 分数不理想要紧吗?

分数是参考。先处理清单里影响操作的项,比如键盘不可达、对比度不足、缺少标签,这些比刷分数更有用。分数波动受环境和页面动态内容影响,单次结果不必追。

ARIA 改动需要我自己再复核吗?

需要。自动修复容易给装饰性图标加上不必要的标签,反而让屏幕阅读器重复朗读。建议改动后用一个页面走一遍键盘 Tab 顺序,确认焦点和朗读内容符合预期。

哪些页面不建议放进这次检查?

需要登录、依赖第三方嵌入内容或大量动态图表的页面,先跳过或只查静态骨架。这些页面的问题常来自外部组件,Agent 只能改到你的代码,结论需你自行判断。

来源说明

整理自公开提示词站点素材,经 52运营 筛选与页面改写,便于运营场景检索。 原始参考:来源链接

相关提示词

更多