设计不可忽略的要点---无障碍设计

优秀的无障碍设计，不仅能让残疾人用户正常地与产品交互；还会为普通人提供更好的使用体验。

WCAG标准

视觉设计需要注意的点

1. 颜色对比度无障碍标准

1.4.3 对比度（最小: 文本的视觉呈现以及文本图像至少要有4.5:1的对比度（AA级）。

大文本: 大号文本以及大文本图像至少有3:1的对比度。

1.4.6 对比度（加强）: 文本视觉呈现以及文本图像至少有7:1的对比度（AAA级）。

大文本: 大号文本以及大文本图像至少有 4.5:1的对比度。

 Sketch对比度检测插件

大厂几乎都满足标准

Google:

Apple: 

Medium:

Twitter:

2. 同时使用多种视觉线索传达重要信息

下图中色盲人士仅仅依靠颜色无法区分错误信息

正确方式: 同时使用「颜色区分+标签+说明」来进行错误信息区分

3. 提供不止一种操作的方式

要知道世界上不是人人都能用手指,鼠标或者键盘操作应用, 或许我们应该在有条件下提供更多的操作方式

下图为键盘控制操作网页焦点

4. 重复移动、滚动、闪烁的元素超过5秒，应该可以被暂停、停止，或隐藏

因为这可能对认知障碍用户造成使用不便

5. 设计的一致性

复杂,并且混乱的设计和交互,  会让用户迷失。

总结

可能在我们设计的时候,更多的设计师关注的可能是美感。但是千万不要忽略了世界上那些障碍人士,  这也是设计的存在的意义之一。

相关链接

超全面！色彩无障碍设计之「对比度」的探索

可能是最全面的「无障碍设计」学习指南