accessibility-compliance - 实现符合 WCAG 2.2 标准的无障碍用户界面
实现符合 WCAG 2.2 标准的界面，支持移动端无障碍、包容性设计模式及辅助技术。
标签
更新于: 2026-09-24能力
典型输入
典型输出
该技能可以做什么
- 实现 WCAG 2.2 合规标准
- 构建支持屏幕阅读器的界面
- 为交互组件添加键盘导航
- 实现焦点管理与焦点捕获
- 创建带正确标签的无障碍表单
- 支持减弱动态效果与高对比度
- 构建移动端无障碍功能
- 进行无障碍审计并修复违规
输入
- UI 组件规范
- 表单字段与校验状态
- 用于对比度计算的颜色值
输出
- 符合无障碍标准的 React 组件
- 屏幕阅读器实时区域通知
- ARIA 属性与语义化标记
要求
- React 运行环境
- @headlessui/react 依赖库
- 辅助技术支持