Tooltip
A tooltip is a non-blocking overlay showing supplementary information. It is mostly displayed while hovering or focusing a certain element. A toggletip is similar, but displayed when something was toggled, e.g. when something has been clicked. A toggletip can therefore be interacted with while a tooltip cannot.
- The
titleattribute can be used to apply advisory text to a certain element. Thetitleis usually displayed when hovering the element. [MDN]- It is usually not accessible without a mouse and thus an accessibility concern [MDN, a11yproject.com].
- The
tooltiprole should be used for custom tooltip implementations [MDN].