网络上最大的问题之一就是用户不知道他们要去哪里当他们跟随链接。Web浏览器能够弹出一个简短的链接说明之前用户选择它。这样的解释可以给用户一个预览链接将导致什么改善他们的导航:

  • 不良链接不太可能被跟踪;使用者走在花园的小路上会浪费更少的时间
  • 增加用户对好的链接的理解有助于他们在到达目的地时解释目标页面减少定向障碍

链接说明称为链接标题,大多数浏览器以工具提示.它很容易编码——例如,为下面段落的链接添加标题的HTML代码是 ..如果你把光标放在下面的“信息气味”链接上,大约一秒钟后,标题就会弹出。当鼠标悬停在链接上时,会出现一个信息丰富的工具提示,使用户可以根据该链接预期得到的信息类型。尽管这不是一个好的习惯只有对title属性进行传达信息的气味,您可以利用它来提供有关该链接的额外细节。title属性可以应用到链接旁边的其他HTML元素(比如图像和表单字段)。

连结标题指引

  • 链接标题的目的是帮助用户预测如果他们点击链接会发生什么?
  • 在链接标题中包含的适当信息可以是:
    • 网站名称该链接将导致(如果与当前站点不同)
    • 子站点的名称链接将导致(如果停留在当前站点,但移动到站点的不同部分)
    • 增加了关于在目标页面上可以找到的信息以及它与链接名和当前页面上下文的关系
    • 链接的另一端可能出现问题的警告(例如,当链接到华尔街日报
  • 链接标题应该少于80个字符很少超过60个字符.链接标题越短越好;然而,超级工具提示对于在大的概述屏幕上下文中显示更多文本是有用的。
  • 不添加链接标题到所有链接:如果是的话明显的从链接名称和链接所指向的周边环境来看,工具提示会增加混乱,最终降低可用性。(即使用户可能并没有真正地将鼠标悬停在链接上,工具提示也会在用户移动鼠标时显示出来。)如果链接标题只是重复页面上已经显示在链接标签中的相同文本,那么它就是多余的。
  • 不要以为所有用户看到的链接标题都是一样的。事实上,屏幕阅读器不会显示文本,但可以大声朗读文本。不同的浏览器会以不同的方式显示链接标题,如图所示。而且大多数触屏浏览器根本不会显示链接标题。
Microsoft Windows 10边缘上的工具提示示例
Mac OS X上Safari上的工具提示示例

最后也是最重要的一点,链接标题并不能消除对良好信息气味的需求:链接标签和它周围的文字应该是可以理解的即使链接标题没有显示。用户不需要指向链接来理解它的含义:工具提示应该保留补充信息。此外,链接文本应适当格式化以确保良好的扫描能力。

触屏设备和标题属性

一些人们不推荐链接标题因为触屏浏览器和只使用键盘的浏览器都不支持悬停。虽然是一个特殊的手势,比如三维接触可以用来显示工具提示,大多数触摸屏浏览器不支持这个特性。然而,这并不是否认链接标题对那些使用鼠标的用户的可用性好处的理由。只要链接标题被视为增强对于鼠标用户和不需要使用的网站,可以帮助一些用户而不伤害其他人。由于不显示链接标题的浏览器将简单地忽略它们,并且不会以任何方式改变页面的布局,我们建议您使用这个特性作为一种充分利用桌面功能的方法,并为该设备进行优化。

(本文的早期版本最初发表于1998年1月11日。文章最后一次更新和修订是在2016年6月19日。)