用途:该技能提供无障碍与包容性设计的通用访问框架,把可访问性视为从第一张线框图起就需遵循的基础设计约束,而非事后追加的功能。
主要能力:讲解 WCAG 2.2 的 POUR 四原则(可感知、可操作、可理解、健壮)与 A/AA/AAA 合规等级,并列出 2.2 新增成功标准,如焦点不被遮挡、焦点外观、拖拽替代、目标尺寸 24×24 CSS 像素、一致帮助、冗余输入、可访问认证等。涵盖语义 HTML 基础、ARIA 使用规则与常见组件模式(标签页、模态对话框、组合框、菜单、树视图、实时区域)、键盘导航与焦点管理、屏幕阅读器优化、运动与认知适配、神经多样性适配(减少动效、高对比度、阅读偏好、可预测性)。还介绍测试方法:自动化工具(axe-core、Lighthouse、WAVE、jsx-a11y)约发现 30% 问题,手动测试(纯键盘、屏幕阅读器、缩放、色彩)约发现 70%,并建议纳入残障用户测试。
使用方式:资料给出路由指引,合规工作查阅 references/wcag-aria-patterns.md,认知与神经多样性适配查阅 references/neurodiversity-accommodations.md;并与 ui-visual-design-system、mobile-ux-design、interaction-motion-design 等技能交叉引用。
适用场景:Web 与原生应用、文档、XR 等数字体验的无障碍设计与审计。
限制:WCAG 3.0 仍处工作草案阶段,资料所述 Bronze/Silver/Gold 模型、0-4 评分与 174 项结果框架可能变化,引用前需核实最新状态;WCAG 2.2 AA 仍是当前法律基线。具体价格、平台与安装命令暂未提供。