SuperAPI AI 工具集

accessibility

通用与其它

查看项目

更新于 10-16 05:50

技能介绍

用途:依据 WCAG 2.1 指南与 Lighthouse 无障碍审计,帮助审查与改进网页无障碍性,让包括残障人士在内的所有用户都能使用内容。核心原则为 POUR:可感知、可操作、可理解、健壮;合规等级分 A(必须通过)、AA(应通过,许多司法辖区的法定要求)、AAA(增强)。

主要能力与要点:可感知(文本替代 alt、图标按钮可访问名称、色彩对比、不单靠颜色传达、媒体字幕与文字稿);可操作(键盘可访问、无键盘陷阱、焦点可见、跳转链接、时限可延长、尊重减少动态偏好);可理解(页面语言声明、导航一致、表单标签、错误处理与播报);健壮(有效 HTML、优先原生元素、必要时正确使用 ARIA、实时区域播报)。

用法:可按清单检查代码,例如图片需描述性 alt,装饰图用 alt="" role="presentation";图标按钮用 aria-label 或隐藏文本;文本对比 AA 至少 4.5:1、大字 3:1;:focus-visible 提供可见轮廓;弹窗需焦点管理且可 Esc 关闭;表单需 label 关联与 aria-invalid、aria-describedby;动态状态用 aria-live 区域。

测试方式:自动化可用 npx lighthouse https://example.com --only-categories=accessibility,以及 npm install @axe-core/cli -g 后 axe https://example.com;手动需键盘遍历、屏幕阅读器(VoiceOver、NVDA、TalkBack)、200% 缩放、高对比模式和减少动态。

限制:以上为通用无障碍准则与检查方法,未提供本技能的安装命令、平台支持、收费或效果保证,这些事实暂未提供。