关于文本/链接颜色差异有哪些(如果有)指南？

Question

是否有关于网页链接颜色与常规文本之间对比的最佳实践或指南？

我知道有对比指南引用文本与背景颜色,但我也想知道是否有关于纯文本和链接文本之间应该存在的最小色差的指南.

例如,我的背景是白色(FFF),我的文字颜色是黑色(000),我的链接颜色是绿色(007C41)

编辑:

我意识到这取决于某种程度上的个人偏好.然而,虽然我的眼睛可能能够分辨出#000000和#000001之间的区别(他们不能,但仅仅是出于争论的缘故),其他人将无法做到.我想知道的是,是否存在关于最小色差应该是什么的可访问性指南.

Answer 1

我曾经教过的关于链接的唯一指导方针是:

• 很明显它是一个链接.不要做任何可能诱使用户点击他们不想点击的内容的事情.
• 显而易见,它与页面上的其他文本不同,因为您不希望用户错过他们可能想要点击的链接.
• 多年前,我被告知应该强调所有链接.显然,许多人,包括我们心爱的SO,都不这样做.许多人现在都赞成链接仅在悬停时加下划线.

Answer 2

• 美国卫生与公众服务部的基本准则
• http://www.w3.org/TR/WCAG-TECHS/G183.html（由 steveax 提供）

确保您的浏览器有色盲模拟器插件。无法区分色调的变化是一种半常见的情况。对于某些类型的色盲来说，对您来说“不同”的东西可能并不明显。

一旦解决了色盲问题，请确保在适当或中性的环境中使用具有流行含义的颜色（红色、黄色、绿色）。例如，“给我注册！” 链接可能不应该是红色的（危险、关键），除非非常清楚它是主题的一部分（例如所有链接都是红色的）。“删除”链接可能永远不应该是绿色的。

熟悉正确的色彩搭配是值得的。即使您制作了一个高度可读、可用的网站，人们对不同颜色的反应也不同。有些颜色/颜色组合只是“看起来”比其他颜色更好，并且通常有一个简单的数学原因。