这个技巧是一个一般的规则，适用于网页设计的许多领域，但我会专注于一个具体的例子是常见之间的博客：链接文本。

有两个潜在的问题，涉及到色彩。首先，您的链接文本可能无法充分了解你的背景颜色对比。很轻的颜色在白色背景上的任何麻烦;进入后台链接的文本可能根本消失。同样，在黑色背景上的深色的麻烦。实际上，这适用于所有文本，而不仅仅是链接，但它的文字博客上相当普遍的可读取和链接，无意作出不可读的，这是为什么我特别提到的链接。

第二个潜在的问题是链接的装饰 。如果你的CSS重新定义的规则，以使你的链接不同的颜色，您需要确保该链接在一些其他的方式也分辨的，如粗体，斜体，或下划线。否则，链接的文本可能是完全可读的，但色盲的人将无法告诉大家，它的链接 。下面说明了这一点。

谁因此获益？

1. Michael从中获益了 。这里是一个链接的三种不同的装饰方案的样本截图。

   

   如图所示，在第一句中的链接使用默认的计划，并显示蓝/紫，并在可视化浏览器中所强调的。第二个环节有两个文本装饰形式的应用，并显示粗体和红色（但不带下划线）。第三个链接，有文饰的形式应用，并显示为红色。

   现在这里有三个相同的链接，迈克尔看到它们。

   

   如图所示，第一个环节仍然是可见的;迈克尔的色盲是不是蓝色的影响。在第二句中，发红的链接变淡，几乎为黑色，但链接仍然显示为粗体，使迈克尔仍然可以区别开来。问题发生在第三个链接，这是以前只能通过其发红区分;现在，红​​肿已经褪到黑色，几乎是不可能告诉哪个字是一个链接，哪些词是正常的文本。

怎么办呢

要检查是否有“足够的对比度”之间的文本颜色和背景颜色，使用VisCheck模拟您的网页看起来像一个色盲的读者。

要检查链接装修问题，看看你的CSS规则为“ 一个 “标签。例如，如果你有这样一个在您的CSS规则，那么你的链接只有杰出的发红，这是没有好 ：

a {
  text-decoration: none;
  color: red;
}

您可以保留您的链接红色，但您需要确保该链接还大胆，或强调，或斜体。为了使他们的大胆以及红，添加一行：

a {
  text-decoration: none;
  color: red;
  font-weight: bold; /* add this line */
}