5

网页上的链接是否应该始终加下划线?
我不认为这应该是一个硬性规定!不久前,在另一位开发人员抱怨我没有遵循 Web 标准之后,我
在我的博客上写了一篇评论。它又来了,我想知道你的想法。她的论点是,为了一致性和可用性,所有链接都必须始终加下划线。我的经理同意了,所以我在 CSS 中更改了两行,然后就完成了。我不介意做这项工作,但我认为该网站的可用性现在有所下降。有太多的事情需要你的注意力。

我应该提一下,这是一个包含许多数据输入页面的网站。有问题的链接是页面左侧标题为“菜单”的框中的导航链接。当您已经将鼠标悬停在链接上时确实会出现下划线,并且当用户将鼠标悬停在链接上时背景颜色会发生变化。我真的不敢相信我什至在讨论。当我的经理同意时,我更加震惊。

我错了吗?我还应该提出哪些其他论点?谢谢!:)

4

11 回答 11

18

我认为所有链接都需要与普通文本区分开来,但不一定要加下划线。菜单和导航栏在网站上是相当标准的,通常可以这样识别,所以我认为它们有点太教条了。

于 2008-10-20T15:48:21.013 回答
3

问 Jakob Nielsen,他会说是的,所有链接都必须加下划线并用蓝色表示。不过,看看他的网站。毫无疑问,它是完全可用的,但是(他假设)它走极端来证明他的观点。

我支持这里的人,因为您首先必须清楚地区分链接和整个页面中的其他文本,但是将它们加下划线可能是过度的。

我的建议:在正文中为链接加下划线,因为这些需要更多的努力才能脱颖而出。如果在悬停时带下划线,导航链接应该没问题,或者根据情况(以及您的整体设计是否足够好和一致)甚至考虑根本不给它们下划线。

最后,这一切都归结为依赖。你的老板刚刚就最可能的、无风险的路径达成了一致。

于 2008-10-20T16:54:29.227 回答
2

我不认为所有链接都必须始终加下划线,但它们应该与周围的文字分开。通常,蓝色和/或下划线表示链接,但这取决于您网站的布局。

不过,我会警告您在强调非链接的内容时要非常小心。这可能会误导用户。

@Brad Wilson 提出了一个关于色差和色盲用户的好观点。我可能是错的,但我相信大多数(全部?)色盲人只能看到某些颜色之间的区别,但不是全部。也许您可以选择始终显示对比的颜色?当然,我认为使用屏幕阅读器的用户也会丢失颜色差异(可能还有其他格式属性,例如下划线)。

至少可以说,可访问性带来了许多有趣的挑战。无障碍倡导团体对这些问题有何建议?

于 2008-10-20T15:48:44.273 回答
2

我认为你需要一个很好的理由不让链接以某种方式脱颖而出。也许不是下划线,但一眼就能看出某个东西是一个链接。没有什么比去一个新站点并在整个页面上移动鼠标试图找出应该点击什么更糟糕的了。

另见神秘肉导航

于 2008-10-20T15:50:57.310 回答
2

你是对的,我想。如果有一个“硬性规定”,那就是:网页上的链接应该始终具有可供性

换句话说,如果用户明白他是要点击它,那么它就是可用的,即使它没有下划线。它可以看起来像一个按钮,或者一个标签(就像这个网站每个页面上的标签),或者一个带有箭头的方形菜单,或者用户从经验中识别为点击的任何其他东西。

(请记住,仅在悬停时显示可供性是不够的。这只是部分功劳。用户不应该将鼠标悬停在页面上并查看悬停时哪些文本“做了某事”。)

于 2008-10-20T20:51:18.563 回答
1

一般来说,链接应该加下划线(和蓝色!)。如果您不想在它们下划线,那很好,只要它们是可识别的。

给不是链接的文本加下划线比给链接加下划线糟糕得多。

于 2008-10-20T15:49:59.793 回答
0

我同意,我认为下划线不应该用于任何不是链接的东西。

有些事情不需要强调。页面导航、菜单中的项目、上一个/下一个链接,特别是如果它们有箭头只是一些例子。我仍然建议在悬停时给他们下划线是强制性的。

于 2008-10-20T16:14:37.747 回答
0

最好的选择是从蓝色开始,并为链接加下划线,并且只有在你有理由这样做时才会偏离。人们期望蓝色/下划线,所以显然这将是“最好的”,特别是就正文中的链接而言。但是,建议链接必须是这种方式是荒谬的。我会说下划线比蓝色更重要,因为与常规文本的对比才是最重要的(对比指的是形状和重量以及颜色。

只要它看起来相当链接,人们就会认为它一个链接,所以不要太担心严格遵循默认值,但是如果有疑问,使用熟悉的方法肯定是最好的方法。

于 2008-10-20T16:30:41.973 回答
0

可用性最困难的方面是每个站点/项目都是不同的,每个元素都有不同的用途。我同意带下划线的链接促进一个可用网站的观点,但是我不认为没有下划线的链接会导致任何可用性问题,只要它们的样式能够将它们与文本或其他内容区分开来围绕它们的元素。这些是应该在设计时做出的决定;当您等到实施决定链接颜色时,您将可用性置于危险之中。设计应该经过深思熟虑并精心制作,以使导航方案对用户来说是清晰的。这是否意味着您必须在链接下划线?好吧,这取决于您的用户或观众。如果您的目标受众是精通互联网的类型,我认为在链接外观方面你有更多的灵活性。对于公共信息和/或政府网站,我倾向于使用“标准”外观。

在你的情况下,我认为你有一个非常有力的论据;有问题的链接位于一个名为“菜单”的框中,因此如果用户点击了该框中的某个项目,他们就已经预料到会发生一些事情。您可以提出的一个论点是,它为了可用性而牺牲了网站的外观和感觉,从而降低了整体用户体验。

于 2008-10-20T18:13:07.133 回答
0

我对此的一般看法:为链接选择一种突出的颜色,使其在所有站点中保持一致。悬停时下划线仅适用于菜单、选项卡等。并且(可选)始终在段落内的链接上加下划线。

于 2008-10-20T18:24:00.980 回答
0

链接,就像任何指定某种交互的东西一样,应该在页面的其他内容中脱颖而出。这并不一定意味着链接应该加下划线。严格遵守标准(下划线和蓝色)通过定义绝对界限来限制创新。如果您从 HCI 设计的角度来考虑它,那么用户会在视觉上被那些看起来与周围的事物不同的元素所吸引。根据您如何将不同的视觉元素布局在一起,您可以实现相同级别的功能自动感知,而无需依赖那些标准样式定义。当然,尝试重塑标准的挑战是,如果你失败了,那么你最终只会让用户感到困惑。

于 2008-10-20T18:39:25.567 回答