Agent Skills
返回列表
网页无障碍体验检查与整改清单

网页无障碍体验检查与整改清单

IT 运维与安全 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据安装指南 https://skillhub.cn/install/skillhub.md 将 @user_fccf428b/china-design-wcag-audit-patterns 安装到您的 AI 助手中。

技能介绍

网页无障碍审计的痛点与破局

在网页与界面设计中,Web Content Accessibility Guidelines (WCAG) 2.2 的合规往往被推到发布前的最后一刻。团队缺乏系统性的检查清单,导致色彩对比度不足、表单缺少 aria-label、键盘导航失效等问题频发。这不仅影响视障用户的体验,也增加了企业面临的合规风险。简诗 AI 的这个工作流旨在将无障碍检查从“事后补救”转变为“设计前置”。

核心工作流与交付机制

该技能基于 WCAG 2.2 标准,提供从信息收集到交付复核的闭环执行方案:

  • 信息确认与缺口分析:在动工前,明确设计目标、受众与技术约束。若缺少关键事实(如版权边界或平台规则),技能会列出缺口及影响,拒绝凭空补写。
  • 模块化拆解与执行:将复杂的审计任务拆解为可检查的模块,排定优先级与依赖关系,确保每项整改都能落实到具体的负责人与时间点。
  • 规范化交付与人工复核:输出包含设计规范、制作包及事实证据的完整文档。同时强制区分“事实依据”与“推断建议”,并在发布前进行合规与完整性复核。

适用边界与安全红线

该技能仅作为设计辅助与审计指南,不替代人工的最终决策。

  • 不执行越权操作:涉及真实发布、付费或生产环境变更时,必须由用户明确授权,技能不会擅自执行。
  • 合规与隐私保护:严禁使用未授权的字体或图像素材,且不会读取或输出 Token、密码等敏感信息。若关键信息缺失导致无法满足质量门槛,技能将明确返回“暂不可交付”。

使用场景

  • 品牌团队准备发布营销专题页,需检查页面色彩对比度是否符合WCAG标准并输出整改方案
  • 电商团队优化商品详情页,需验证表单标签、图片替代文本及键盘导航的无障碍体验
  • 产品设计团队交付新功能界面,需依据WCAG 2.2梳理可访问性检查点并分配整改负责人
  • 内容运营团队发布带图表的演示文稿,需检查数据可视化与文字说明的无障碍兼容性

适合人员

  • 品牌设计负责人,需要确保营销素材与页面符合无障碍设计规范并规避合规风险
  • 电商产品经理,关注商品页面的交互完整性,需优化视障用户的购物路径与体验
  • 前端开发工程师,在代码实现阶段需要获取WCAG 2.2的技术标准与自动化检查建议
  • 内容运营专员,负责发布带多媒体素材的页面,需确保图片替代文本与图表信息可被辅助技术读取