工程开发
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