网站视图针对色盲优化,改善色盲用户的色彩可访问性( 四 )

为确保文本可读 , 应根据文本颜色 , 背景颜色和文本大小的组合传递可访问性指南 , 如下所示:

“WCAG 2.0 AA级要求普通文本的对比度为4.5:1 , 大文本的对比度为3:1(14点和粗体或更大 , 或18点或更大) 。 ”

以下是一些颜色和大小组合的示例:

二.文本覆盖背景图像

覆盖在图像上的文本是比较麻烦的开发 , 因为图像中的一些或全部可能与文本相比没有足够的对比度 。

文本覆盖在没有蒙版的图像上

减少背景不透明度可增加对比度 , 使文本更易于阅读 。

文本覆盖在没有蒙版的图像上

或者 , 可以将文本样式设置为具有纯色或投影 , 或符合你品牌指南的任何其他内容 。

推荐阅读