走心的技巧！为色盲用户提升网页可用性的实用设计技巧

下面 Made.com 的表单就做的不错，他们通过标签清晰的说明了每一个字段都是什么内容：

8、首选按钮

通常界面中的首选按钮会用更显眼的色彩来强调，Argo 的公司登录界面就是这么设计的。但是Argo 这样的设计仅仅是通过色彩来区分，对于色盲用户而言可能会造成困扰。

相反，通过大小、位置、粗细、边框和图标来进行区分，就可以很好的缓解可访问性的问题了。比如Kidly 的设计：

9、提示信息

通常成功和失败两类信息都是通过绿色和红色来进行区分的。然而这两种色彩又正好让色盲用户很难区分，这样一来，他们压根就无法区分信息的对错与否。不过，如果你简单的增加一个“Success”的文本说明，或者使用相应的图标来说明，用户就可以更加直观的了解信息了。

10、必须填写的表单字段

通常必须填写的表单字段会用色彩（比如红色）来进行区分，这也使得有一部分用户会无法分辨。

想要解决这个问题，你可以考虑下列方案：

·使用星号来进行区分
·更直接一点，写上“必填”
·如果可能的话，移除选填字段，让全部内容为必填

11、图表

通常设计师会在图表中使用不同的色彩来标识不同的项目，而色盲用户同样会存在识别性的问题。下面的这些设计案例就提出了很好的解决方案，右边案例对于色盲用户更加友好：

尽量使用纹理来区分，加上文本的说明，让图表更加易懂，即使没有色彩也能区分。

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!