SuperAPI AI 工具集

accessibility-checker

前端与建站

查看项目

更新于 10-16 03:48

技能介绍

用途:在创建表单、添加图片、构建导航、制作交互元素或编写任何面向用户的 HTML 时,确保内容符合 WCAG2AA 无障碍标准;也可按需采用 WCAG AAA 增强要求。

主要能力与要点:图片必须带 alt 属性(信息图写描述,装饰图用空 alt,复杂图可配 figure 与 figcaption);表单每个输入必须有 label,可用 for/id 关联或包裹方式,相关输入用 fieldset 与 legend 分组;链接需有描述性且唯一的文本,避免“click here”“read more”;导航用 nav 并配 aria-label,正文用带 id 的 main 以便跳转链接;标题遵循 h1→h2→h3 层级,不得跳级;表格使用 th scope="col/row"。

WCAG AAA(可选):正常文本对比度 7:1、大文本 4.5:1;不使用文字图片;视频提供手语、扩展音频描述与实时字幕;阅读水平、发音帮助、情景帮助、错误预防等额外准则。可在 .pa11yci 中将 standard 设为 WCAG2AAA 并配置规则,或只启用单项 AAA 规则。测试命令保持原样:npx pa11y --standard WCAG2AAA src/index.html,以及 npx pa11y --standard WCAG2AAA --include-notices src/index.html。

适用场景:政府或公共服务、医疗、教育内容、老年用户群体,以及有法律要求的项目可考虑 AAA;一般网站 AA 即可。

限制:资料未提供该技能的安装方式、运行环境要求、收费与价格信息,也暂未提供自动修复能力说明;相关细节见 FORMS.md、IMAGES.md、NAVIGATION.md。