Description

Tooltips are small text bubbles that appear when the user hovers over an element.

...

• Tooltips should appear adjacent to the mouse cursor. This is usually below and to the right of the cursor (except for with right-to-left languages, where the tooltip may appear to the left instead).

• The tooltip should not move with the mouse cursor while it remains within the target area. See the Interaction section below.

• The tooltip should not cover the element it relates to, which the user may need to interact with. For example:

...