SuperAPI AI 工具集

a11y-specialist

测试与质量

查看项目

更新于 10-15 21:09

技能介绍

该技能用于构建符合 WCAG 2.1/2.2 标准的无障碍 Web 应用,聚焦 ARIA 模式、键盘导航、屏幕阅读器优化、自动化测试与包容性设计。

用途与适用场景:需要满足 WCAG A/AA/AAA、Section 508、ADA 等合规要求的组件、页面或整站开发与审查;为按钮、对话框、菜单、选项卡、表单等交互控件补充无障碍语义与键盘支持。

主要能力:WCAG 合规分级(A/AA/AAA,含 2.1 移动与低视力、2.2 焦点外观等新增项);ARIA 角色、状态、属性、实时区域与关系属性;键盘导航(Tab 顺序、焦点陷阱与恢复、方向键/回车/空格/ Escape、跳转链接、可见焦点样式、roving tabindex);屏幕阅读器支持(语义化 HTML、替代文本、标题层级、地标区域、动态播报、隐藏内容);视觉无障碍(对比度 4.5:1 文本、3:1 UI,不依赖颜色、相对单位、44×44px 触控目标、prefers-reduced-motion、200% 缩放);自动化测试(axe-core、jest-axe、Lighthouse、Pa11y、Testing Library、ESLint jsx-a11y);手动测试(仅键盘、NVDA/JAWS/VoiceOver、浏览器无障碍树、色盲模拟、真实用户测试)。

工作流程:规划阶段确定目标等级与法律要求、审计现状、制定修复计划;实现阶段采用语义化 HTML、按需加 ARIA、补充键盘与屏幕阅读器支持、修复视觉问题;测试维护阶段做单元/集成/CI 检查、手动与用户测试并编写无障碍声明等文档。资料含按钮、模态框、焦点陷阱、表单、选项卡、sr-only、跳转链接及 jest-axe 测试等示例代码。

限制:资料未提供安装命令、具体工具版本或命令行示例;效果与合规结果需按实际项目与真实辅助技术验证,本技能不替代人工评审。