Html 关于文本/链接色差有什么(如果有)指导方针?

Html 关于文本/链接色差有什么(如果有)指导方针?,html,css,accessibility,Html,Css,Accessibility,关于网页链接颜色与常规文本之间的对比,是否有任何最佳实践或指导原则 我知道有关于文本与背景颜色的对比度准则,但我也想知道是否有关于纯文本和链接文本之间应存在的最小色差的准则 例如,我的背景是白色(FFF),文本颜色是黑色(000),链接颜色是绿色(007C41) 编辑: 我意识到这在某种程度上取决于个人喜好。然而,尽管我的眼睛可能能够分辨出000000和000001之间的区别(他们不能,但只是为了争论的缘故),但其他人的眼睛却无法分辨。我想知道的是,关于最小色差应该是多少,是否有任何可访问性指导

关于网页链接颜色与常规文本之间的对比,是否有任何最佳实践或指导原则

我知道有关于文本与背景颜色的对比度准则,但我也想知道是否有关于纯文本和链接文本之间应存在的最小色差的准则

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

编辑:


我意识到这在某种程度上取决于个人喜好。然而,尽管我的眼睛可能能够分辨出000000和000001之间的区别(他们不能,但只是为了争论的缘故),但其他人的眼睛却无法分辨。我想知道的是,关于最小色差应该是多少,是否有任何可访问性指导原则。

关于链接,我所学到的唯一指导原则是:

  • 让它成为一个明显的链接。不要做任何可能欺骗用户点击他们不想点击的东西的事情
  • 让它明显地不同于页面上的其他文本,因为你不希望你的用户错过他们可能想要点击的链接
  • 几年前,我被教导所有链接都应该加下划线。显然,许多人,包括我们的至爱,都没有这样做。现在很多人认为链接只有在鼠标悬停在上方时才加下划线
      • (steveax提供)
      确保您的浏览器有一个可用的浏览器。无法区分色调的变化是一种半常见的情况。对于某些类型的色盲来说,什么看起来“不同”可能并不明显

      一旦你解决了色盲问题,确保具有流行意义的颜色(红、黄、绿)在适当或中性的环境中使用。例如,“注册我!”链接可能不应该是红色(危险、关键),除非它是主题的一部分(例如,所有链接都是红色)。“删除”链接可能永远不应该是绿色的


      这是值得熟悉的。即使你已经制作了一个可读性很强、可用性很强的网站,也可以使用不同的颜色。一些颜色/颜色组合只是“看起来”比其他颜色更好,通常有一个简单的数学原因。

      有两个指导原则组合在一起,以涵盖该场景:

      • ,, 指示动作、提示响应或区分错误 视觉元素
      • :文本的视觉呈现 文本图像的对比度至少为4.5:1
      A解释说:

      因此,如果您将这两个要求结合起来,为了达到AA级一致性,您的页面必须具备以下所有条件:

      • 4.5:1非链接文本颜色与背景之间的对比度
      • 4.5:1链接文本颜色和背景之间的对比度
      • 链接文本颜色与周围非链接文本颜色之间的对比度为3:1
      换句话说,链接颜色必须与背景颜色和周围文本颜色显著不同,背景颜色和周围文本颜色也必须与背景颜色显著不同


      总的来说,最简单的方法是使用颜色以外的颜色,例如下划线、轮廓或粗体文本,在这种情况下,您只需担心与背景的对比度,而不必担心与周围文本的对比度。

      上面已经介绍了最重要的注意事项。除了这些考虑之外,我不使用下划线(悬停时除外),因为我喜欢使用下划线来传达强调或其他上下文信息


      我们自称的可用性大师尼尔森(Nielsen)曾大声喊道,无论发生什么事情,所有链接都应该永远加下划线,许多人宁愿被告知,而不愿自己去思考。但大多数理性的设计师都明白这些规则是胡说八道。

      这不只是基于偏好/意见吗?这只是个人偏好。当然有可访问性的影响,所以不,不仅仅是个人偏好。这个问题似乎离题了,因为它属于UX.StackExchange.com.Tim,也许还可以链接到WCAG2.0?也?(发现使用)一般来说,不要担心刻板的基于色调的情感联想,比如“红色=危险!”;这些总是从属于调色板和上下文(Netflix,也就是麦当劳)。伟大的链接-正是我所寻找的。我打赌你在这里某处隐藏了一个链接。