DESIGN
无障碍设计
可访问名称、键盘操作、焦点、表单关联与用户偏好的使用规范。
名称、结构与状态
无文字图标按钮必须有 label。表单用 Field 关联标签、说明与错误;页面保留正确标题层级。成功、错误和选中状态同时用文字或结构表达。
完整的键盘路径
Tab 能抵达可操作目标,Enter / Space 激活。菜单、Select、Tabs 和 RadioGroup 保留组件内建方向键语义;模态任务需要 Escape 与关闭后的焦点返回。
Tooltip 仅补充信息,关键说明不能只在 hover 出现。拖动必须保留键盘替代。
在合成背景上验证
普通文本以 4.5:1、符合定义的大文本以 3:1 为目标,必要的交互边界按非文本对比检查。透明表面需测真实合成结果。
默认 44px 点击目标与清晰焦点是产品规则;不能将它们混称为 WCAG AA 的所有条件。
WCAG 2.2 官方规范 ↗保留人的偏好
减少动态、减少透明、高对比度和 forced colors 均需保持有效。自动检查通过不能替代人工读屏与真实 Safari/iOS 使用验证。