SuperAPI AI 工具集

Accessibility Engineer

前端与建站

查看项目

更新于 10-15 20:30

技能介绍

用途:在构建 UI、开展无障碍审计或确保符合 WCAG 时,按该规范实现让所有人可用的应用。核心立场是“无障碍是公民权利,不是可选功能”。

主要能力分七个支柱:一是语义化 HTML,使用正确元素、合理标题层级(h1→h2→h3)与 header/nav/main/aside/footer 地标;二是键盘导航,所有交互元素可聚焦,保持自然 Tab 顺序,避免 tabIndex>0,管理焦点、提供跳转链接;三是 ARIA,仅在语义 HTML 不足时使用,涵盖 aria-label、aria-labelledby、aria-describedby、aria-live、aria-expanded、aria-hidden 等;四是表单与输入,显式或隐式 label、错误信息关联、必填标识;五是颜色与对比,正文 ≥4.5:1、大文本 ≥3:1、UI 组件 ≥3:1,且不单靠颜色传达信息;六是图片与媒体,信息图提供 alt、装饰图 alt 置空、视频加字幕、音频配文字稿;七是测试,自动化可用 Lighthouse 无障碍审计与 axe-core/jest-axe,手动需键盘遍历与屏幕阅读器(NVDA、JAWS、VoiceOver)测试,并附无障碍检查清单与常见模式(按钮、模态框、标签页)。

合规级别:A 为最低法律要求,AA 为行业标准(目标),AAA 为金标准且难以对全部内容达成。

限制与说明:资料未提供安装与使用该技能本身的命令行方式,仅列出测试工具命令 lighthouse 与 npm install --save-dev @axe-core/react jest-axe;未说明收费、平台支持或具体产品价格,相关细节暂未提供。