SuperAPI AI 工具集

accessibility

通用与其它

查看项目

更新于 10-15 18:31

技能介绍

用途:按 WCAG 2.2 与 Lighthouse 无障碍审计标准,审计并改进网页可访问性,使残障用户也能使用内容。 四原则(POUR):可感知(Perceivable)、可操作(Operable)、可理解(Understandable)、健壮(Robust)。合规等级:A 最低、必须通过;AA 标准合规、应通过(多地法律要求);AAA 增强、可选。 主要能力:图片 alt 文本与装饰图空 alt;图标按钮可访问名称(aria-label 或视觉隐藏文本);色彩对比(普通文字 AA 4.5:1、AAA 7:1,大字号 AA 3:1,UI 组件 3:1);不单靠颜色传达信息;媒体字幕与文字稿。键盘可访问全部功能、无键盘陷阱、焦点可见(:focus-visible)且不被遮挡。2.2 新增:目标尺寸至少 24×24 CSS 像素、拖动操作替代方案、焦点不被固定栏遮挡、一致帮助、避免重复录入、可访问身份验证(允许粘贴/自动填充或提供替代方式,如通行密钥、SSO、邮件链接)。另有跳过链接、页面语言声明、表单标签、错误播报(role=alert、aria-invalid)、动态内容 aria-live、优先使用原生元素而非 ARIA。 使用方式:自动化审计执行 npx lighthouse https://example.com --only-categories=accessibility,或安装 @axe-core/cli 后运行 axe https://example.com。手动测试包括 Tab 键遍历、使用 VoiceOver/NVDA/TalkBack、200% 缩放、高对比度模式、prefers-reduced-motion。 限制:资料未提供具体安装命令之外的版本或平台信息;实际合规需结合项目人工核验。