Agent Skills
返回列表
🤖

代码输出可访问性审查代理

AI Agent 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_3c6cb52e/run-focused-accessibility-review-agents-with-accessibility-agents。

技能介绍

要解决的问题

编码工具（如 Claude Code、GitHub Copilot、Gemini CLI、Codex CLI 等）生成的代码和内容往往直接进入项目，却很少经过系统的可访问性检查。键盘无法触达的控件、缺失的 ARIA 语义、对比度不足的颜色、没有替代文本的图片——这类缺陷通常在交付之后才被发现，既影响视障和运动障碍用户，也可能带来合规风险。

核心能力与工作流程

这个技能的思路是在代码或内容上线前，把 WCAG 审查任务分派给专门的可访问性代理集中执行，而不是等到集成测试或人工评审阶段再被动补救。

关键步骤：

  • 任务分派：将待审查的代码或内容交给专门的 WCAG 审查代理，代理聚焦各自负责的可访问性检查点。
  • 集中审查：代理在一轮流程中覆盖键盘可达性、语义标记、对比度、替代文本等维度。
  • 上线前拦截：审查结果在交付流水线中即时反馈，确保不兼容的实现模式在 ship 之前被拦下。

适用边界与注意事项

  • 技能本身不包含安装与用法说明，需要在受支持的 agent host 中运行，例如 Claude Code、GitHub Copilot、Gemini CLI、Codex CLI，或任何兼容 MCP 的客户端。
  • 上游项目的安装与使用说明无法自动提取，在敏感工作流中使用前应先审查上游仓库。
  • 代理产出的是审查建议，不是自动修复，最终改动仍需开发者确认。

使用场景

  • 在 IDE 中使用 Claude Code 生成前端组件后，调度可访问性代理集中检查键盘可达性与 ARIA 语义，确保组件在合并前符合 WCAG 要求。
  • 在 GitHub Copilot 完成页面布局或样式代码后，用该技能对输出做一轮对比度与语义标记审查，拦截缺失 alt 文本的图片等问题。
  • 在提交 PR 前对编码工具产出的 JSX 和 CSS 做一轮可访问性审查，把不兼容的实现模式留在分支内而不是合入主干。
  • 在 CI 流水线中以 Gemini CLI 或 Codex CLI 为入口，把可访问性审查作为交付前置步骤，对生成内容做集中检查并输出审查结论。

适合人员

  • 前端开发者：需要在代码进入主干前拦截键盘不可达、ARIA 缺失等 WCAG 缺陷。
  • 无障碍测试工程师：希望把编码工具输出的可访问性审查集中到一轮代理任务里完成，而非人工逐项检查。
  • 全栈开发者：使用 Claude Code 或 Copilot 生成界面代码后，想以代理审查作为交付前的合规兜底。
  • 设计系统工程师：需要对复用组件和样式输出做对比度、语义与替代文本的集中校验。