用途
该技能用于对当前 UI 代码执行全面的无障碍(可访问性)审计,确保符合 WCAG 指南并提供包容性的用户体验。当用户需要检查界面无障碍问题时使用。
主要能力
WCAG 合规
- 检查是否符合 WCAG 2.1 指南(A、AA、AAA 级别)
- 验证语义化 HTML 结构是否正确
- 确保支持键盘导航
- 审查颜色对比度与视觉可访问性
屏幕阅读器支持
- 验证 ARIA 标签与描述
- 检查标题层级与结构
- 确保表单标签与错误信息可访问
- 审查动态内容播报
交互元素
- 验证焦点管理与可见焦点指示
- 检查 Tab 顺序与键盘快捷键
- 确保交互元素尺寸合适
- 审查模态框/对话框可访问性
测试与工具
- 建议自动化无障碍测试工具
- 提供手动测试流程
- 创建无障碍测试用例
- 推荐浏览器扩展与验证器
修复建议
- 针对每个问题提供具体代码修复
- 包含 ARIA 属性与语义改进
- 为复杂交互建议替代方案
- 创建可访问的组件模式
使用方式
资料中未提供具体安装命令、调用方式或配置步骤,暂未提供。
适用场景
适用于对现有 UI 代码进行无障碍审计、排查 WCAG 合规问题、改进屏幕阅读器与键盘操作体验、以及获取具体修复代码与可访问组件模式的场景。
限制
资料中未说明支持的平台、框架、收费方式或效果保证,暂未提供。