跳转到正文

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 使用验证。