第十四天:在链结上加入标题
既然网页上充斥着链结,你可能会因此觉得有很多人都知道 title
属性;不过我真的很少看到它。很多人可能不知道,所有的链结都可以在 <a>
标签里用 title
属性来指定一个标题。这个标题会额外附加到任何你指定的链结文字上;它可以在视觉性浏览器上产生工具提示,而且在非视觉性的浏览器上也一样会有类似的效果。
并非所有的链结都该有标题。如果链结文字是某一篇文章的标题,就请不要加上标题;因为链结文字本身应该就足够清楚了。但是如果你阅读链结文字本身时,发现自己在状况外而不知道它会指往何处的话,就加上标题吧。
谁因此获益?
- Jackie 从中获益了。因为 JAWS 提供了一个选项,可以跟着链结文字读出链结标题。(这个选项预设并不会被选取。为了要启用这个功能, Jackie 按下了 INSERT+V 叫出 JAWS 的冗长选项视窗,然后把 "Text links verbosity" 改成 "Alt tag or title" 。)
- Michael 从中获益了。因为当她把游标移到某个叫 Opera 的链结上时,链结的标题会显示在状态列上,同时也以工具提示的样子显示出来。这让他得以决定是否要把频宽花在这个链结上。
- Lillian 从中获益了。因为当她在 Internet Explorer 里把游标移到链结上时,链结标题就以工具提示的样子显示出来了。
- Marcus 从中获益了。因为当他按下了“ l ”之后, Lynx 就会显示出那一页的链结清单;这份清单同时包含了每个链结的标题(如果有的话)。
怎么做
每一个链结文字本身并不一定能提供足够的资讯,来让读者决定是否要按下那个链结。这个时候你应该加入一个 title
属性,像这样:
在我的导览列上,有一个连到我的统计页面的链结。这个链结的链结文字就祇是 Statistics 而已,但是
title
属性却可以提供更多资讯:<a title="referrers and other visitor statistics" href="/stats/">Statistics</a>
在我的导览列上,有一个连到我的书 Dive Into Python 的链结,看起来就像这样:
<a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a>
当我用句子里的某个词连结到某一篇文章时,我会试着用
title
属性来提供更多关于这个链结的资讯,像是那篇文章的标题或引述之类的。再举个例子,昨天的诀窍里就包含这个句子:为什么这会是个问题呢?因为<a title="TheCounter.com statistics on Javascript usage in browsers, April 2002" href="http://www.thecounter.com/stats/2002/April/javas.php">有 11% 的网际网路使用者因为某些原因而不使用 Javascript</a> ;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支援。
在浏览器里看起来会像这样:
为什么这会是个问题呢?因为有 11% 的网际网路使用者因为某些原因而不使用 Javascript;这同时也包括许多残障的朋友,因为她们所能够使用的浏览器就是不支援。
切勿滥用 title
属性。凡事皆适可而止。
延伸阅读
- Jakob Nielsen: Using Link Titles to Help Users Predict Where They Are Going.