A tooltip is a small "hover box" that provides users with extra information when they interact with it.

On UQ Standard, a tooltip appears as a pop-up when a user clicks on link text with a dotted line under it. It disappears when the user clicks again.

See an example tooltipThis is how a tooltip displays.

Use tooltips for:

  • brief definitions
  • additional context.

Don't use tooltips for:

  • important content that a user might miss
  • content longer than one sentence
  • acronyms or abbreviations, use the <abbr> tag instead
  • images or links.

1. How to create a tooltip

To add a tooltip to a page, go to your WYSIWYG editor and:

  1. Type [qtip: Page text|Tooltip text]
  2. Replace 'Page text' with the content a user will click on to see the tooltip.
  3. Replace 'Tooltip text' with the content for the tool tip box.
Top of page

2. Best practice

  • Only use tooltips for one or two words, not whole sentences.
  • If a word is repeated on a page, only add a tooltip to the first instance.
Top of page