工程开发
accessibility-compliance avatar

accessibility-compliance

实现符合 WCAG 2.2 标准的无障碍界面,包含移动设备辅助功能、包容性设计模式及屏幕阅读器与键盘导航支持。

简介

无障碍合规性 (Accessibility Compliance) 技能为开发人员提供了一个全面的框架,以建立符合国际标准的包容性 Web 应用程序。此技能专为前端工程师、UI/UX 设计师及 QA 测试人员设计,旨在确保软件对于所有使用者(包括视障、听障、肢体障碍或认知障碍者)而言都是可感知、可操作、可理解且强健的。它将抽象的 WCAG 2.2 指南转化为具体的开发任务,例如管理焦点状态、建构语义化 HTML 以及优化移动设备触控目标。

  • 完整支持 WCAG 2.2 Level AA 和 AAA 标准,包含非文字内容替代方案、对比度要求及焦点可见性。
  • 实现强健的 ARIA 模式,包含地标角色 (Landmark roles)、状态及属性,用于动态 UI 组件。
  • 通过正确的标题层级、描述性标签及即时区域 (Live regions) 管理,提供先进的屏幕阅读器支持。
  • 优化键盘导航,包含逻辑 Tab 顺序、弹出窗口的焦点捕捉 (Focus trapping) 及自定义键盘快捷键管理。
  • 移动设备优先的无障碍策略,例如 44x44dp 的触控目标尺寸、VoiceOver 和 TalkBack 兼容性,以及动态字体缩放支持。
  • 自动化审计协助,以识别常见违规事项,如缺少标签、颜色对比不足及跳过链接 (Skip links) 失效等问题。

使用此技能时,建议提供需要审查的特定组件或 UI 片段。Agent 将会使用 React/JSX、语义化 HTML5 及适当的 ARIA 属性输出符合无障碍标准的实现模式。这非常适合重构旧有组件、建立新的无障碍设计系统,或在 CI/CD 阶段验证合规性。请注意,虽然此技能提供关于 ARIA 和语义结构的专家建议,但仍建议使用如 NVDA、JAWS 或 iOS VoiceOver 等实际辅助技术进行手动测试,以验证实际的使用体验。此技能强调尽可能优先使用原生 HTML 元素而非复杂的 ARIA 覆盖,以确保在各类浏览器和辅助设备间达到最大兼容性。

仓库统计

Star 数
34,574
Fork 数
3,747
Open Issue 数
5
主要语言
Python
默认分支
main
同步状态
空闲
最近同步时间
2026年4月30日 15:36
在 GitHub 查看