# 默认构建无障碍界面

当语义与交互成为架构默认时，无障碍才能可持续。

Published: 2024-03-27

## 无障碍是产品质量

无障碍常被当作最终合规关卡。那时，组件语义、焦点顺序、色彩系统、导航结构与动效等基础选择已昂贵到难以修复。在设计与组件开发阶段把无障碍当作约束，正确默认才能处处复用。

目标不是单独的简化体验。而是信息与操作在不同输入方式、视觉、听觉、认知、语言与设备条件下仍可用的界面。这些改进常惠及每位用户，尤其在压力或不完美环境中。

## 从原生语义开始

用标题做结构、按钮做动作、链接做导航、标签做控件、列表做相关项。原生元素带来键盘行为、无障碍角色与平台预期，自定义容器否则必须重建。

ARIA 可澄清关系与动态状态，但无法修复底层行为错误的交互。构建可预测的 Tab 顺序，保持焦点可见，并确保每个指针交互都有键盘等价。在移动端，提供有意义的无障碍标签，并按应被朗读的方式分组内容。

- 保持逻辑的标题层级
- 为仅图标控件提供可访问名称
- 不要仅通过颜色编码含义
- 保持触控目标舒适大小

## 在变化中管理焦点

单页导航、对话框、抽屉与动画过渡在不完整加载文档时改变界面。有意移动焦点，使键盘与读屏用户理解新上下文从何处开始。临时表面关闭时，将焦点恢复到触发控件。

除真正模态交互外，避免困住焦点。用克制的实时区域宣布重要异步结果，不要用例行视觉更新淹没辅助技术。宣布应回答什么变了，以及用户是否需要行动。

## 尊重视觉与动效偏好

文本与交互控件在每个主题与状态——包括占位符、禁用控件、边框与悬停指示——都需要足够对比。支持缩放与文本调整而不裁剪或隐藏操作。响应式设计应适应内容，而非假定固定标签。

动效可传达连续性，也可能引起不适。尊重减少动效偏好，并提供保留方位感的更简单过渡。切勿让关键信息仅在动画或悬停状态中可用。

## 用人与工具一起测试

自动检查能捕获缺失名称、无效关系与许多对比问题，使其在持续集成中有价值。它们无法判断焦点移动是否可理解、读屏措辞是否有用，或工作流是否认知上令人疲惫。

定期仅用键盘、读屏、缩放与高对比设置导航关键旅程。将残障用户纳入研究与测试。当发现改进共享组件与设计规则，而非仅发现问题的那一页时，无障碍才会成熟。