颜色和对比度

Color

不是所有的人都能看到某些颜色,有些人不能清楚地区分颜色. 屏幕阅读器等辅助设备无法读取颜色的变化, 因此,许多用户可能会错过信息. 当颜色被用来传达信息时, 确保还提供了文本来解释信息.

最佳实践

  • 避免在图形中使用红色和绿色.
  • 始终提供文本作为颜色信息的替代.

对比

文本和背景颜色之间的对比度需要足够高,以便于阅读. WCAG 2.0要求文本和背景颜色的特定对比度. 对比可以使用 网络AIM颜色对比检查器.

最佳实践

  • 加州红 (#E00122) 文本 白色 背景是可以接受的大字体,在14点(约18.66px)及以上.
  • 白色 文本 UC 红色的 (#E00122)背景是可以接受的大字体,在14点(大约18.66px)及以上.
  • 黑色背景上的UC红色(#E00122)文本是不可接受的.
  • UC红色(#E00122)背景上的黑色文字是不可接受的.