网页无障碍体验检查与整改清单
将以下提示词粘贴到你的 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的技术标准与自动化检查建议
- 内容运营专员,负责发布带多媒体素材的页面,需确保图片替代文本与图表信息可被辅助技术读取