用途:确保静态 HTML/CSS 网站符合 WCAG 2.1 Level AA 无障碍标准,提供更具包容性的用户体验。资料特别强调 AI FIRST 质量原则:不接受一次成稿,至少进行 2 轮迭代,通读全部输出并改进每个部分,不走捷径。
主要能力围绕 POUR 四项核心原则:可感知(图片替代文本、音视频字幕、足够颜色对比、文本可缩放不失真)、可操作(键盘可访问、交互时间充足、无诱发癫痫内容、导航便捷)、可理解(文本可读、行为可预测、输入辅助、错误预防)、健壮(兼容辅助技术、HTML 有效、正确使用 ARIA)。
最佳实践:使用语义化 HTML(header、nav 加 aria-label、ul/li 结构)而非无语义 div;为图片提供描述性 alt,避免缺失或无意义的 alt;颜色对比需达 AA,如 #333 配 #fff 约 12.6:1 合规,#777 配 #fff 约 4.4:1 小文本不合格;键盘导航须保留可见焦点,如 a:focus、button:focus 使用 outline: 2px solid #007bff 与 outline-offset: 2px,绝不可将 outline 设为 none。
使用方式与测试:进行纯键盘导航测试、屏幕阅读器测试、颜色对比检查、HTML 验证,并可使用 axe、WAVE 等自动化工具。参考资料为 WCAG 2.1 与 MDN Accessibility。
限制:资料未说明该技能的安装命令、具体工具集成步骤、支持框架或平台范围,也未提供收费、价格或效果保证信息,暂未提供。