用户体验,设计产品经理文章收集交互干货

软件可访问性设计与测试漫谈——高对比度

2015-08-14  本文已影响165人  迷之影

什么是对比度

在我们常规的体检项目中,有两项眼科检查大家应该非常熟悉:视力和辨色力。医生会让你先坐在一张板凳上,遮住一只眼睛,对着一张写满E字的视力表,分辨每个E字的朝向。你能分辨出越小尺寸的E字朝向,说明你辨别细小或者遥远物体的能力越高。接着又指着桌上一本花花绿绿的本子,让你辨认其中某几张图片上相近颜色组成的数字,检查你眼睛分辨颜色的能力如何。
其实,我们的眼睛除了分辨图像的形状大小以及颜色外,还能区分明暗,也就是对比度。这里借用Pelli-Robson对比敏感度图表来感受下,第一行的黑色的文字与白色的背景是最容易识别和区分的,之后每一行的文字会渐渐变淡,越难与背景区分。我们常见的眼科疾病,如:白内障、青光眼等,都会使患者的对比度视力下降。


WCAG 2.0文本对比度

我们来看一组实际效果。下图分别展示了当字体大小为9磅、14磅粗体和18磅时,对比度为3.0,4.5和7.0的显示效果。可以明显看到当字体较小、前景与背景的对比度较低时,文字越难以阅读。当增大字体或是增强对比度时,文字越容易识别。

对比度示例 从左到右对比度分别为3.0、4.5和7.0

如何开启高对比度模式?

目前所有主流的操作系统,无论是电脑端的Windows、OS X,还是移动端的Android和iOS,都支持高对比度模式。
这里介绍下Windows的开启方式:

茄子快传启用高对比度模式后与正常模式下显示效果对比

我开启了高对比度模式,为什么有些软件界面没有任何变化呢?

这是个好问题!
目前国内大部分软件对于可访问性的支持并不好,可以说几乎不支持。当用户开启了系统的高对比度模式,这些软件并不会检测用户的这一行为并将界面切换成适合高对比度的风格。

联想预装软件支持高对比度吗?

联想从2014年开始正式内部推广可访问性,旗下的大部分软件已逐步开始对可访问性功能的支持,包括高对比度。这是个逐步完善的过程,可能还有很多不完善的地方。如果觉得联想的哪款软件使用起来不方便,欢迎发邮件给wuhf2@lenovo.com,我们非常珍视您的意见。

上一篇下一篇

猜你喜欢

热点阅读