网络上最大的问题之一是用户不知道他们要去哪里当他们关注链接时。Web浏览器有能力弹出一个链接的简短解释之前用户选择它。这样的解释可以给用户一个预览链接将导致的位置并改善他们的导航:

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

链接说明称为链接标题,大多数浏览器在a中显示它工具提示.它很容易编码——例如,为下面段落的链接添加标题的HTML代码是信息香味,您可以利用它来提供有关该链接的其他详细信息。标题属性可以应用于链接旁边的其他HTML元素(例如图像和表单字段)。

连结标题指引

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

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

触摸屏设备和标题属性

一些人们不推荐链接标题因为触摸屏浏览器不支持悬停,而不是键盘浏览器。虽然是一种特殊的姿态,如3D触摸可用于显示工具提示,大多数触摸屏浏览器不支持此功能。但是,这是没有理由拒绝将链接标题的可用性效益拒绝与使用鼠标使用的那些用户。只要链接标题被视为一个加强对于鼠标用户而不是必需使用该网站,您可以帮助某些用户而不会伤害他人。由于不显示链接标题的浏览器将简单地忽略它们,并且不会以任何方式更改页面的布局,我们建议您使用此功能作为充分利用桌面功能的方法,并为此设备进行优化。

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