Tips on linking

Chris Pirillo points to some excellent tips on using links properly:

  • Traditionally, links are underlined as well, but that approach is often unnecessary and falling out of favor to reduce visual clutter.
  • Links lack affordance, which means their visual properties don’t suggest how they are used and are understood only through experience.
  • Link text should indicate the result of clicking on the link.
  • Use different colors for visited and unvisited links.
  • Don’t use color for text that isn’t a link because users may assume that it is a link.
  • Always show either an underline (for any link text) or a button frame (for command link text only) on hover to reinforce visually that the text is a link.
  • Don’t underlined text that isn’t a link because users will assume that it is a link.
  • Use background colors that contrast with the link colors.
  • Use link text that is the most relevant part of the text and are large enough to be easy to click.
  • Don’t provide an infotip [in HTML, a title element] that is merely a restatement of the link text.
  • If a link requires further explanation, provide the explanation in either a separate text control or an infotip, but not both.
  • Place optional supplemental graphics that indicates the target of a link to the right of the text and use an infotip to explain its meaning.
  • Link to specific content rather than general content.
  • Use a link only if the linked material is relevant, helpful, and not redundant.
  • Link only on the first occurrence of the link text.
  • Don’t add “Click here” to the link text. It isn’t necessary because a link implies clicking. Also, “Click here” and “here” alone are poor link text because they convey no information about the link when read by a screen reader.
  • Start the link with an imperative verb and clearly describe the action that the link performs.
  • Don’t use ending punctuation except for question marks.

Leave a Reply