美文网首页用户体验,设计产品经理文章收集交互干货
软件可访问性设计与测试漫谈——高对比度

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

作者: 迷之影 | 来源:发表于2015-08-14 15:12 被阅读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的开启方式:

  • 想要快速开启和关闭高对比度,可以通过同时按下左Alt+左Shift+PrtScr来实现
  • 想要更改高对比度主题,可以右击桌面,然后选择“个性化”。移动滑块到下方,可以看到4个默认高对比主题
茄子快传启用高对比度模式后与正常模式下显示效果对比

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

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

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

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

相关文章

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

    什么是对比度 在我们常规的体检项目中,有两项眼科检查大家应该非常熟悉:视力和辨色力。医生会让你先坐在一张板凳上,遮...

  • 性能测试vs压力测试

    软件测试包括不同的测试实践,比如单元测试、集成测试、UAT测试和可访问性测试等。每种测试实践在软件开发生命周期(S...

  • 软件设计之可测试性

  • 软件可测试性

    什么是软件可测试性? 不是每个应用程序都可以测试吗?很可能是,但基于系统设计和架构,进行测试和发现bug实际上可能...

  • 设计可访问性——可访问性评估工具

    您如何确保您的网站符合 WCAG 标准?理想情况下,您应该获得专业的可访问性审核。首先,您可以尝试在线提供的自动可...

  • 质量属性-可测试性

    定义 软件可测试性是指通过测试(通常是基于运行的测试)揭示软件缺陷的容易程度。在开发设计良好的系统的成本中,至少有...

  • 任务三测试部分

    1.工程师的具体职责: ①参与软件项目的用户需求分析,关注项目需求的可测性。②软件项目的测试方案制定,设计测试数据...

  • 课堂笔记(IIS问题)

    软件测试:描述一种用来促进鉴定软件的正确性、完整性、安全性、的质检过程。软件测试对象:程序、数据、文档按测试方法可...

  • 课堂笔记IIS问题

    软件测试:描述一种用来促进鉴定软件的正确性、完整性、安全性、的质检过程。软件测试对象:程序、数据、文档按测试方法可...

  • 设计可访问性——表单

    表单是用户与其设备进行日常交互的关键。它们也是最具挑战性的 UI 元素之一,可以在不失去勇气的情况下进行导航。在本...

网友评论

    本文标题:软件可访问性设计与测试漫谈——高对比度

    本文链接:https://www.haomeiwen.com/subject/horiqttx.html