走心的技巧!为色盲用户提升网页可用性的实用设计技巧
下面 Made.com 的表单就做的不错,他们通过标签清晰的说明了每一个字段都是什么内容: 8、首选按钮通常界面中的首选按钮会用更显眼的色彩来强调,Argo 的公司登录界面就是这么设计的。但是Argo 这样的设计仅仅是通过色彩来区分,对于色盲用户而言可能会造成困扰。 相反,通过大小、位置、粗细、边框和图标来进行区分,就可以很好的缓解可访问性的问题了。比如Kidly 的设计: 9、提示信息通常成功和失败两类信息都是通过绿色和红色来进行区分的。然而这两种色彩又正好让色盲用户很难区分,这样一来,他们压根就无法区分信息的对错与否。不过,如果你简单的增加一个“Success”的文本说明,或者使用相应的图标来说明,用户就可以更加直观的了解信息了。 10、必须填写的表单字段通常必须填写的表单字段会用色彩(比如红色)来进行区分,这也使得有一部分用户会无法分辨。 想要解决这个问题,你可以考虑下列方案:
11、图表通常设计师会在图表中使用不同的色彩来标识不同的项目,而色盲用户同样会存在识别性的问题。下面的这些设计案例就提出了很好的解决方案,右边案例对于色盲用户更加友好: 尽量使用纹理来区分,加上文本的说明,让图表更加易懂,即使没有色彩也能区分。 注:相关网站建设技巧阅读请移步到建站教程频道。 (编辑:云计算网_泰州站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |