SuperAPI AI 工具集

accessibility-compliance

设计与创作

查看项目

更新于 10-15 18:31

技能介绍

该技能面向希望构建包容性体验、让包括残障用户在内的所有人都能使用的开发者。适用场景包括:实现 WCAG 2.2 AA 或 AAA 合规、构建屏幕阅读器可访问界面、为交互组件添加键盘导航、实现焦点管理与焦点陷阱、创建带正确标签的无障碍表单、支持减少动画与高对比度偏好、构建移动端无障碍功能(iOS VoiceOver、Android TalkBack),以及开展无障碍审计并修复违规项。

主要能力围绕四点展开:可感知(内容需能以不同方式呈现)、可操作(界面可用键盘和辅助技术导航)、可理解(内容与操作需清晰)、健壮(需兼容当前及未来的辅助技术)。具体包括 ARIA 模式(角色、状态、属性、实时区域)、键盘导航(焦点顺序与 Tab 序列、可见焦点状态、快捷键、模态框焦点陷阱)、屏幕阅读器支持(语义化 HTML、图片替代文本、标题层级、跳转链接与地标),以及移动端无障碍(触控目标至少 44x44dp、VoiceOver 与 TalkBack 兼容、手势替代方案、动态字体支持)。

资料还给出 WCAG 2.2 速查清单与若干关键模式,包括无障碍按钮、无障碍模态对话框、无障碍表单、跳转导航链接和用于公告的实时区域,并说明颜色对比度要求:普通文本 AA 为 4.5:1、AAA 为 7:1;大号文本 AA 为 3:1、AAA 为 4.5:1;UI 组件 AA 为 3:1。最佳实践建议优先使用语义化 HTML 而非 ARIA、让真实残障用户参与测试、以键盘优先设计、不要禁用焦点样式而应美化它、为非文本内容提供替代描述、支持 200% 缩放、用实时区域公告变化并尊重 prefers-reduced-motion 与 prefers-contrast 偏好。

常见问题包括缺失替代文本、颜色对比度不足、键盘陷阱、表单缺少标签、媒体自动播放、自定义控件不可访问、缺少跳转链接以及焦点顺序与视觉顺序不一致。测试工具方面,资料列出 axe DevTools、WAVE、Lighthouse 等自动化工具,VoiceOver、NVDA、JAWS、TalkBack 等手动工具,以及 NoCoffee、Silktide 等模拟器。具体安装命令、版本号与价格信息暂未提供。