SuperAPI AI 工具集

accessibility

前端与建站

查看项目

更新于 10-15 21:12

技能介绍

用途:该技能用于确保数字无障碍,适用于无障碍设计、WCAG 合规性审计以及实现 a11y 功能,覆盖 WCAG 2.1 指南。

主要能力:围绕 WCAG 2.1 的 POUR 原则展开——可感知(内容须以用户可感知的方式呈现)、可操作(界面须可被所有用户操作)、可理解(内容与操作须可理解)、健壮(内容须兼容当前及未来技术)。提供常见问题与修复示例,涵盖图片替代文本、表单标签与提示、颜色对比度、键盘导航、屏幕阅读器支持及 ARIA 基础用法。

必要用法与要点:图片需提供有意义的 alt 文本;表单需使用 label 关联输入并可用 aria-describedby 提供提示;颜色对比度要求为普通文本至少 4.5:1、大号文本(18pt 以上)至少 3:1、UI 组件至少 3:1;键盘导航要求所有交互元素可聚焦、有可见焦点指示、标签顺序合理、提供跳过导航链接;屏幕阅读器可使用 sr-only 类隐藏视觉但保留可访问文本,并用 aria-live 区域播报更新;ARIA 涉及角色、状态、属性与标签。

测试清单:键盘导航可用、屏幕阅读器播报正确、颜色对比度达标、焦点可见、表单标签存在、图片有 alt 文本、标题层级合理、链接描述清晰。

工具:Axe DevTools(浏览器扩展)、WAVE(Web 无障碍评估器)、Lighthouse(Chrome DevTools)、屏幕阅读器 NVDA、VoiceOver、JAWS。

限制:资料未提供该技能的具体安装命令、运行方式、收费或价格信息,暂未提供。