Information
Keep content clear and concise
⭐️ Information should be entirely relevant to what the tooltip is for, and elaborate on what is already visible
Contrast
The background should be different from the underlying content
⭐️ An inverse colour works best for contrast - if behind the tooltip is dominantly light, make the tooltip background dark with light text
Visibility
How a tooltip looks and shows
⭐️ A tooltip should activate on hover or select of an icon or text it is relevant to
⭐️ Only one tooltip should be visible at a time
⭐️ A tooltip should not cover the content it is relevant to
Dismiss action
Depending on how intrusive or extensive the tooltip is, a dismiss allows the user to feel more in control and allow the tooltip to feel more flexible and non-compulsory
