关于 specsfy-specialist-web-accessibility
面向需要评估和改进网页无障碍性的团队，涵盖语义化标记、键盘与焦点行为、辅助技术检查和验证流程。
主要功能
- 01明确用户群体与 WCAG 目标
- 02优先使用原生 HTML 语义
- 03检查标签与无障碍名称
- 04实现键盘操作和焦点管理
- 05结合自动与人工测试验证
适用场景
- 01为关键流程制定无障碍要求
- 02检查网页的键盘可访问性
- 03用屏幕阅读器测试高风险流程
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/specsfy-specialist-web-accessibility确认已加载。
附带文件agents/openai.yamlreferences/standards.md
详细介绍
Web 无障碍
流程
- 明确受众、所需的 WCAG 级别和关键流程。
- 优先使用原生 HTML 元素，而非 ARIA 或自定义控件。
- 检查结构、landmark、标题、标签和无障碍名称。
- 实现键盘操作、焦点顺序、可见焦点，以及变更后的焦点管理。
- 验证颜色、对比度、缩放、重排、动效和媒体。
- 执行自动分析和人工检查。
- 使用屏幕阅读器测试关键流程，并记录限制。
标准
- 任何操作都不应仅依赖悬停、颜色、手势或精确的指针操作。
- 每个控件都有正确的名称、角色、值和状态。
- 模态框会锁定焦点，通过可预测的方式关闭，并将焦点还原。
- 错误会与字段关联，必要时还会汇总。
- 异步更新只播报相关信息。
- 图表提供等效的文本或表格，且不依赖颜色。
- ARIA 不能纠正错误的原生语义。
验证
- 完整键盘操作，且无键盘陷阱。
- 适用时，测试 200% 缩放、400% 重排、对比度和强制颜色模式。
- 使用 Axe/linter，并检查无障碍树。
- 使用屏幕阅读器测试风险最高的流程。
请阅读 references/standards.md，了解 WCAG 标准、APG 模式、表单、仪表板和测试。
评论
支持 Markdown