SuperAPI AI 工具集

accessibility

通用与其它

查看项目

更新于 10-16 08:11

技能介绍

用途:审计并改进 Web 无障碍,遵循 WCAG 2.1 与 Lighthouse 无障碍审计,目标是让包括残障人士在内的所有用户都能使用内容。

主要能力:按 POUR 四原则组织——可感知(图片替代文本、图标按钮可访问名称、颜色对比、媒体字幕与文字稿)、可操作(键盘可访问、无键盘陷阱、焦点可见、跳转链接、时限与动效)、可理解(页面语言、导航一致、表单标签、错误处理)、健壮(有效 HTML、ARIA 使用、实时区域)。同时给出 A/AA/AAA 符合级别说明,AA 为许多司法辖区的法律要求。

使用方式:文档以代码示例展示正确与错误写法,例如图片 alt、aria-label、visually-hidden 类、:focus-visible 样式、模态焦点陷阱、prefers-reduced-motion 媒体查询、表单 aria-invalid 与 aria-describedby、role=alert 等。测试部分提供命令:npx lighthouse https://example.com --only-categories=accessibility;npm install @axe-core/cli -g 后运行 axe https://example.com。手动测试包括键盘 Tab 遍历、屏幕阅读器(VoiceOver、NVDA、TalkBack)、200% 缩放、高对比度模式、减少动效与焦点顺序,并列出屏幕阅读器常用快捷键。

适用场景:前端开发、设计评审、上线前无障碍检查与合规整改。

限制:资料未提供具体收费、平台支持范围或效果保证;示例为通用指导,实际项目需结合具体技术栈与目标合规级别验证。