色彩对比指南

色彩对比指南

从文档和网页到图表和封闭字幕, 色彩对比是创建任何可访问内容的重要方面. 这些指导方针将帮助您创建所有人都可以访问的彩色内容.

一般知识

• 避免 颜色组合可能会给色盲的人带来无障碍问题.
  • Red and green; blue and yellow; purple and orange.
• 文本与背景的颜色对比度需要为4.5:1以满足Web内容可访问性指南.
  • 1:1的比例是白色对白色，而21:1的比例是白色对黑色.

选择合适的颜色

• 最好的对比存在于浅色背景上的深色之间. 然而，在明亮的背景下使用明亮的颜色会产生对比度问题.
• 这并不意味着颜色的选择完全基于对比度. 美学也很重要. 虽然美学可以增加天赋和个性，但要避免以下选择:
  • 使用黑色作为背景. 黑色背景可以很容易地选择对比文本, 但是，当在同一演示文稿中从黑色背景切换到较亮的背景时，也会产生问题. 也, 一些研究表明，对于有某些视力差异(如散光)的人来说，黑色背景更困难.
  • 使用黄色或红色作为文本颜色:
    • 黄色文字可以很好地与深色背景形成对比, 但它读起来并不有趣，也不能与蓝色搭配，因为它会导致色盲问题.
    • 明亮的红色文本很难对比，因为红色对白色的比例为3.99:1

检查对比

• WebAIM, Web无障碍的思想，有一个非常强大的 对比检查.
  • 十六进制颜色代码可以复制粘贴在这里. 在Microsoft Word中，它们可以在自定义选项卡的颜色弹出窗口中找到.
  • WebAIM还提供以下方面的指导 评估对比Chrome DevTools
•  ColorZilla 有一个可下载的滴管工具，允许您从浏览器的任何地方选择颜色，并将值复制到剪贴板.