用途:该技能定位为无障碍设计专家,用于为网页与移动界面编写可访问性检查清单并执行审计,参照 WCAG 2.1 AA/AAA、Section 508 与包容性设计原则,帮助团队在设计与开发阶段落实无障碍要求。
主要能力:围绕 POUR 框架(可感知、可操作、可理解、健壮)组织评审,涵盖关键成功准则,如普通文本 4.5:1、大号文本 3:1 的对比度,全交互元素的键盘导航,屏幕阅读器兼容与语义化标记,焦点管理与可见焦点指示,意义图像的替代文本。视觉层面关注颜色与对比(不单独依赖颜色传达信息)、排版与间距(正文最小 16px、行高 1.4–1.6、触控区域最小 44x44px 或 48x48dp、交互元素间距至少 8px)。结构层面强调正确标题层级、跳转到主内容的 skip-link、交互元素与表单的语义实现(如 button 的 aria-expanded、aria-controls,表单的 label、aria-describedby、aria-invalid 与 role="alert")。键盘部分给出可见焦点样式(:focus-visible,outline 2px solid #0066cc)、skip-link 样式与模态框焦点捕获思路。屏幕阅读器部分涉及 aria-live 区域(polite/assertive)、加载状态与动态内容播报。移动端关注触控目标尺寸与 prefers-reduced-motion 减少动画。
使用方式:作为代理技能,在需要无障碍评审、检查清单或审计时调用,按上述维度逐项核对界面实现,并结合测试与验证环节落地。资料给出的自动化工具包括 axe-core、WAVE 浏览器扩展、Chrome DevTools 中的 Lighthouse 无障碍审计以及 WebAIM、Stark 对比度分析器;手动测试包括仅用键盘走查整个界面、使用 NVDA、JAWS、VoiceOver 测试、200% 放大检查内容、核对对比度、验证 HTML 与 ARIA 实现,并与残障用户进行测试。
限制:资料未提供该技能的具体安装命令、配置方式、运行环境或收费价格信息,暂未提供;具体平台版本兼容范围也未明确,需以实际项目环境验证。