Users activate links by clicking or tabbing enter on a highlighted word or image on the screen that directs the user to a file or to another location.

Usage

The hyperlink gives users the ability to navigate to another specified destination or is a treatment used for calls to action such as help content. Link is not a button and doesn’t behave like the button.

Appearance and behavior

  • Links can be applied to text in a sentence. Font size is dependent on context and therefore flexible.
  • When providing the content for the link, avoid generic descriptions.
  • Use of glyphs: If part of a sentence = no glyphs. If Standalone CTA = glyph optional.
  • Link must have a focus state to indicate that it is an interactive component.

 

Content guidelines for links

  • In product and marketing copy, include links to relevant information when they’re helpful.
  • Use links to guide users to something they might want to understand better.
  • Link to other docs to draw additional context to the article.
  • Make sure links are relevant to what’s discussed in the doc (same API, version, product, etc.).
  • Use descriptive anchor text when including links—don’t use general text like “click here” or “learn more.”
  • Don’t include links within a step.
  • Don’t include links in the summary, except in the rare case where customers might need to be redirected quickly.
  • Don’t link out to external (non-Intuit) resources, unless it’s truly the best customer experience and it’s to a credible government agency, such as the IRS. 
Do
  • Use links to give users access to deeper content that is not linked to from the primary navigation.
  • In product, links usually take users somewhere. Make sure users feel that they’re going somewhere safely and for a good reason.
  • For some marketing pages, we use links for second-level navigation (anchor links) within product pages. Learn about on-page navigation

 

Don’t
  • Don’t use links to initiate actions where users affect the website’s back-end or front-end, such as adding, changing, or deleting data.
  • Don’t use links with input fields for data.
  • For marketing especially, avoid duplicate or irrelevant content links. These are distracting and misleading for users and might hurt how the page is ranked by search engines.

 

Fixed
  • Color
  • Font Specs: Font face, weight
  • States: Disabled, default, hover, active, focused

 

Flexible
  • For some marketing pages, we use secondary buttons and links to draw the user’s attention or emphasize a particular action we might want them to take. In other words, we present links that encourage the user to do something, not just go somewhere.

Examples

  • Was this Helpful?
  •