Tooltips
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.
How to create a tooltip
To add a tooltip to a page, go to your WYSIWYG editor and:
- Type [qtip: Page text|Tooltip text]
- Replace 'Page text' with the content a user will click on to see the tooltip.
- Replace 'Tooltip text' with the content for the tool tip box.
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.