SuperAPI AI 工具集

accessibility

通用与其它

查看项目

更新于 10-15 22:33

技能介绍

用途:审核并改进网页无障碍,使其符合 WCAG 2.1,目标让包括残障人士在内的所有用户都能使用内容。适用于“提升无障碍”“a11y 审核”“WCAG 合规”“屏幕阅读器”等场景。

主要能力:按 POUR 四原则组织——可感知(图片替代文本、图标按钮可访问名称、颜色对比、不单靠颜色传达信息、媒体字幕与文字稿)、可操作(键盘可访问、无键盘陷阱、焦点可见、跳转链接、时限与动效偏好)、可理解(页面语言声明、导航一致、表单标签、错误处理与播报)、健壮(有效 HTML、优先原生元素、ARIA 用法、实时区域播报)。同时给出 A/AA/AAA 一致性级别及对比度阈值(普通文本 AA 4.5:1、AAA 7:1;大文本 AA 3:1;UI 组件 3:1)。

使用方式:按指南改写 HTML/CSS/JS,例如为图片加描述性 alt、为图标按钮加 aria-label 或视觉隐藏文本、用 :focus-visible 保留焦点轮廓、为表单加 label 与 aria-describedby、用 role=alert/aria-live 播报错误。测试可运行:

npx lighthouse https://example.com --only-categories=accessibility

npm install @axe-core/cli -g axe https://example.com

手工测试包括:Tab 键盘遍历、Enter/Space 激活、屏幕阅读器(VoiceOver、NVDA、TalkBack)、200% 缩放、高对比度模式、prefers-reduced-motion。

限制:本技能为规范与检查清单式指引,非可自动修复所有问题的工具;自动化审计无法覆盖全部无障碍问题,仍需人工与辅助技术验证。具体工具版本、收费与平台信息资料未提供。