设计工程中的无障碍

无障碍设计让具有不同能力、使用不同设备、身处不同环境的人都能使用产品。它最有效的方式，是从一开始就参与塑造设计与实现，而不是在最终审查时才被补上。

从语义结构开始

增加自定义行为之前，先使用平台原生能力。标题应该描述页面层级；按钮用于执行操作，链接用于导航；表单控件应有明确标签。语义化 HTML 无需额外代码，就能向浏览器和辅助技术提供有用信息。

支持键盘与焦点

每个交互元素都必须能通过键盘到达和操作。焦点应该按合理顺序移动，并始终清楚可见。对话框、菜单等组合控件需要可预测的键盘行为，以及可靠的关闭或离开方式。

不要只靠颜色传递信息。错误消息、选中状态和状态变化还需要文字或其他可感知提示。

保护可读性

易读的界面需要足够的对比度、舒适的行长、清楚的标签，以及在文字放大后仍能使用的布局。有意义的图片应通过替代文本说明用途；装饰性图片则不应给屏幕阅读器用户增加噪音。

动态效果也可能形成障碍。应尊重减少动态效果的系统偏好，避免无法暂停的闪烁或移动。

不要只依赖自动检查

自动化工具能够发现标签缺失、关系无效和部分对比度问题，却无法判断一项任务是否容易理解。应使用键盘和屏幕阅读器完成关键旅程，放大页面，并在条件允许时邀请残障人士参与可用性研究。

最后的思考

包容性设计会改善所有人的体验。清楚的结构、可靠的控件、易读的内容和容错的交互，让人们在长期或临时限制下都更容易理解和使用数字产品。