用途:该技能用于让网页内容符合 WCAG 2.1 Level AA 无障碍标准,使视觉、听觉、运动与认知障碍用户也能使用网站。
主要能力:围绕 POUR 四原则(可感知、可操作、可理解、健壮)给出要求。可感知方面要求为有意义图像提供替代文本、装饰图像用 alt=""、音视频提供字幕与文字稿、使用描述性链接文字、采用语义化 HTML、颜色对比度正文至少 4.5:1、大字至少 3:1、不用颜色单独传达信息、支持文字放大至 200%。可操作方面要求所有功能可用键盘操作、提供可见焦点指示、避免键盘陷阱、提供跳过链接、有效页面标题、合理焦点顺序、触控目标至少 44×44 像素。可理解方面要求用 lang 标注页面语言、焦点与输入不无故改变上下文、一致导航、清晰标识输入错误、提供标签与说明、允许提交前确认。健壮方面要求 HTML 有效、ARIA 角色/状态/属性使用正确、为 UI 组件提供名称、角色、值,状态消息可被程序化确定。
使用方式:按规则编写语义化 HTML 与 ARIA,例如导航用 nav aria-label、按钮用 button 而非 div onclick、为表单加 label 与 aria-describedby 错误提示、用 role="status" aria-live="polite" 播报动态内容。测试清单要求:键盘遍历所有交互元素、用 NVDA/VoiceOver/JAWS 检查公告与标题结构、用 WebAIM Contrast Checker 校验对比度、缩放到 200% 验证功能,并配合 WAVE、axe DevTools、Lighthouse、Pa11y 等自动化工具。
适用场景:任何需要满足 WCAG 2.1 AA 的网站与 Web 应用,尤其公共信息、表单、导航与自定义组件。
限制:资料未提供该技能的安装命令、运行环境或收费信息,暂未提供。每个网站应发布 /accessibility-statement.html 无障碍声明,包含承诺、合规声明、已知问题、联系方式与最后评审日期。