用途:面向 Web UI 开发,强制实施 WCAG 2.2 AA 无障碍合规,涉及欧盟 Web 无障碍指令、美国 ADA/Section 508 等法律要求。主要能力:优先使用原生语义 HTML(button、a、nav、main、section、form、label),避免用 div/span 承载交互元素;标题层级逻辑清晰,每页一个 h1;ARIA 仅作补充,角色必填属性齐全,用 aria-live 播报状态,表单控件需程序化标签,装饰图标用 aria-hidden="true"。键盘导航要求所有交互元素可聚焦可操作,Tab 顺序符合视觉顺序,禁止正 tabindex,模态框打开时锁定焦点并在关闭后归还焦点,Escape 关闭弹层,焦点样式最小 2px 实线、3:1 对比。色彩对比:普通文本 ≥4.5:1,大文本与 UI 组件 ≥3:1,不得仅靠颜色传达信息。触控目标最小 24×24px(WCAG 2.2 AA),建议 44×44px。图片装饰性 alt 留空,信息性需描述内容,复杂图表提供文字或数据表替代,视频需字幕与音频描述。测试要求 CI 中 axe-core 零严重违规,并做纯键盘流程、屏幕阅读器(NVDA/VoiceOver)与 200% 缩放人工验证。限制与适用场景:资料未提供具体安装命令、集成方式或价格信息,暂未提供;适用于前端组件与页面开发、可访问性审查和合规检查场景。
common-accessibility
前端与建站
更新于 10-15 22:13