用途:该技能在用户提及 accessibility、a11y、WCAG、屏幕阅读器、键盘导航、ARIA 或无障碍设计时启用,用于指导创建遵循 WCAG 的无障碍网页应用。
主要能力与原则:围绕 POUR 四项核心原则——可感知(Perceivable)、可操作(Operable)、可理解(Understandable)、健壮(Robust)。资料还给出常见做法的快速改进示例,包括图片替代文本、按钮与链接描述、表单 label 与 aria-describedby、标题层级、颜色对比、键盘焦点管理与 ARIA 基础。
对比度要求:正文文本 WCAG AA 为 4.5:1、AAA 为 7:1;大号文本(18px 以上)AA 为 3:1、AAA 为 4.5:1;UI 组件两项均为 3:1。不应仅依赖颜色传递信息,需配合图标与文字。
键盘与 ARIA:资料强调保留可见焦点样式(如 :focus{outline:2px solid #2563EB;outline-offset:2px}),不要用 outline:none 移除;按 DOM 自然顺序 Tab,并提供跳转链接。快捷键包括 Tab、Shift+Tab、Enter/Space、Escape 与方向键。ARIA 应优先使用语义化 HTML,仅在需要时补充 role、aria-label、aria-expanded、aria-live 等属性,并给出对话框与选项卡组件模式。
测试与限制:提供自动化测试(axe 或 Lighthouse 审计、WebAIM 对比度检查、HTML 校验)与手动测试(仅用键盘、屏幕阅读器、200% 缩放、禁用 CSS)清单,屏幕阅读器包括 macOS VoiceOver(Cmd+F5)、Windows NVDA/JAWS,移动端 TalkBack 与 VoiceOver。资料未提供该技能的安装命令、具体平台或收费信息。