Tooltips
Tooltips reveal short supplemental information when a user hovers, focuses, or otherwise triggers an element.
Core concept
Explain initialization, title content, placement, trigger behavior, container, and why tooltip content should remain concise.
Using it in a real interface
Add a tooltip to an icon-only control and initialize it with JavaScript. Explain why the control still needs an accessible name independent of the tooltip.
Implementation notes
Tooltips are poor replacements for essential instructions because touch users and some assistive technologies may not experience them in the same way.
ADVERTISEMENT