我如何知道我的演示文稿是否具有足够高的色彩对比度?
Posted: Sun Dec 22, 2024 7:06 am
颜色对比可能很复杂,取决于许多因素。幸运的是,您无需了解其背后的科学原理即可发现差异。
Web内容可访问性指南 (WCAG) 是世界上大多数 Web 可访问性法律的基础。如果你想让你的设计更易于访问,WCAG 是一个不错的参考资料。
WCAG 指南分为三个级别:A、AA、AAA。对于大多数组织来说,目标是同时满足 A 级和 AA 级指南。这些指南处理残障用户面临的最大和最常见的障碍,并被认为表明组织对可访问性做出了非常好的承诺。根据这些级别,在颜色方面,您必须实现两个关键成功标准:
1. 不要将颜色作为传达信息的唯一视觉手段
您首先要检查的是,在演示的任何时候,不要只使用颜色来交流。
最简单的使用颜色进行交流的例子,也是我们经常看到的例子,就是用绿色和红色来表示正确与错误或积极与消极。首先,虽然这些颜色在世界各地用于交通信号灯等,但它们的含义不一定是普遍的。其次,最常见的色盲形式使人难以区分绿色和红色。对于色盲患者来说,分辨下面两个圆圈的区别是极其困难的,甚至是不可能的。
一个绿色圆圈和一个红色圆圈。
一个简单的解决方法是添加额外的视觉提示,例如用勾号表示“积极”,用叉号表示“消极”。
一个绿色圆圈,中间有一个白色勾号;另一个红色圆圈,中间有一个白色 X。
欲了解更多提示,请参阅我们关于为色盲人士优化演示文稿的其他文章。
2. 确保幻灯片内容具有足够的颜色对比度
因此,成功的第一个标准是不要只使用颜色来传达信息。第二个标准是确保幻灯片上的所有内容都清晰易读。
大多数文字处理工具默认使用白底黑字,我们用黑色墨水填写表格也是有原因的。为了使书面内容清晰易读,文本需要与背景颜色形成尽可能高的对比度。在下面的例子中,文本和背景在颜色上太相似了。这意味着它们的对比度很低,文本很难阅读。
两个文本框,上面写着“你能读懂吗?”。第一个文本框是浅灰色,韩国手机号码大全 上面写着灰色文字,第二个文本框是深灰色,上面写着深蓝色文字。这两个文本框中的文字都很难读懂。
增加文本和背景之间的对比度可能会产生如下效果:
这显示了与上一张幻灯片相同的文本框,但是颜色发生了变化。第一个是带有黑色文本的白色框,第二个是带有非常浅蓝色文本的深灰色框。这种文本更容易阅读。
根据 WCAG,对于文本,对比度至少需要为 4.5:1,但以下情况除外:
文本至少为 18pt 或至少为 14pt且为粗体(最小比例为 3:1)
观众需要看懂才能理解内容的图形(最低比例为 3:1)也有例外,例如旗帜。您可以在此处找到非文本 WCAG 对比指南。
纯装饰性文字或属于徽标一部分的文字(无最低对比度要求)
如果这看起来有点令人困惑,根据经验法则,我们建议所有文本的对比度至少为 4.5:1 。
还值得记住的是,WCAG 提供的对比度仅供参考。字体大小和粗细会影响文本的对比度和可读性,因此通常最好避免使用过于风格化或非常细的字体,并避免在一张幻灯片上塞入大量文本。
BrightSlide 的色彩对比度检查器
网上有很多颜色对比工具和色盲模拟器。遗憾的是,其中大多数都需要您手动输入所用颜色的十六进制代码,或上传文本图像以供评估。这可能很耗时,尤其是当您要检查的幻灯片数量超过几张时。遗憾的是,这种低效的工作流程导致大多数人不会定期检查 PowerPoint 演示文稿中的颜色对比度。
这就是为什么我们在 PowerPoint 插件 BrightSlide 中添加了两个新的颜色对比度工具,使您无需离开 PowerPoint 即可检查颜色对比度!
Web内容可访问性指南 (WCAG) 是世界上大多数 Web 可访问性法律的基础。如果你想让你的设计更易于访问,WCAG 是一个不错的参考资料。
WCAG 指南分为三个级别:A、AA、AAA。对于大多数组织来说,目标是同时满足 A 级和 AA 级指南。这些指南处理残障用户面临的最大和最常见的障碍,并被认为表明组织对可访问性做出了非常好的承诺。根据这些级别,在颜色方面,您必须实现两个关键成功标准:
1. 不要将颜色作为传达信息的唯一视觉手段
您首先要检查的是,在演示的任何时候,不要只使用颜色来交流。
最简单的使用颜色进行交流的例子,也是我们经常看到的例子,就是用绿色和红色来表示正确与错误或积极与消极。首先,虽然这些颜色在世界各地用于交通信号灯等,但它们的含义不一定是普遍的。其次,最常见的色盲形式使人难以区分绿色和红色。对于色盲患者来说,分辨下面两个圆圈的区别是极其困难的,甚至是不可能的。
一个绿色圆圈和一个红色圆圈。
一个简单的解决方法是添加额外的视觉提示,例如用勾号表示“积极”,用叉号表示“消极”。
一个绿色圆圈,中间有一个白色勾号;另一个红色圆圈,中间有一个白色 X。
欲了解更多提示,请参阅我们关于为色盲人士优化演示文稿的其他文章。
2. 确保幻灯片内容具有足够的颜色对比度
因此,成功的第一个标准是不要只使用颜色来传达信息。第二个标准是确保幻灯片上的所有内容都清晰易读。
大多数文字处理工具默认使用白底黑字,我们用黑色墨水填写表格也是有原因的。为了使书面内容清晰易读,文本需要与背景颜色形成尽可能高的对比度。在下面的例子中,文本和背景在颜色上太相似了。这意味着它们的对比度很低,文本很难阅读。
两个文本框,上面写着“你能读懂吗?”。第一个文本框是浅灰色,韩国手机号码大全 上面写着灰色文字,第二个文本框是深灰色,上面写着深蓝色文字。这两个文本框中的文字都很难读懂。
增加文本和背景之间的对比度可能会产生如下效果:
这显示了与上一张幻灯片相同的文本框,但是颜色发生了变化。第一个是带有黑色文本的白色框,第二个是带有非常浅蓝色文本的深灰色框。这种文本更容易阅读。
根据 WCAG,对于文本,对比度至少需要为 4.5:1,但以下情况除外:
文本至少为 18pt 或至少为 14pt且为粗体(最小比例为 3:1)
观众需要看懂才能理解内容的图形(最低比例为 3:1)也有例外,例如旗帜。您可以在此处找到非文本 WCAG 对比指南。
纯装饰性文字或属于徽标一部分的文字(无最低对比度要求)
如果这看起来有点令人困惑,根据经验法则,我们建议所有文本的对比度至少为 4.5:1 。
还值得记住的是,WCAG 提供的对比度仅供参考。字体大小和粗细会影响文本的对比度和可读性,因此通常最好避免使用过于风格化或非常细的字体,并避免在一张幻灯片上塞入大量文本。
BrightSlide 的色彩对比度检查器
网上有很多颜色对比工具和色盲模拟器。遗憾的是,其中大多数都需要您手动输入所用颜色的十六进制代码,或上传文本图像以供评估。这可能很耗时,尤其是当您要检查的幻灯片数量超过几张时。遗憾的是,这种低效的工作流程导致大多数人不会定期检查 PowerPoint 演示文稿中的颜色对比度。
这就是为什么我们在 PowerPoint 插件 BrightSlide 中添加了两个新的颜色对比度工具,使您无需离开 PowerPoint 即可检查颜色对比度!