Hover Tooltip That Vanishes Before the Pointer Can Reach It

Why it matters

Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus.

How to test

Hover to trigger the tooltip/popover, then move the pointer toward it: if it disappears before the pointer reaches it, it fails.

How to fix

Keep hover content visible while the pointer moves onto it (hover on both trigger and popup).

<button aria-describedby="tip-1">ⓘ</button>

<div id="tip-1" role="tooltip">More info about this field</div>

A hover-triggered tooltip must be dismissible, stay put while the pointer moves onto it, and stay visible until dismissed.

Outcome

On a university's online course catalog, this barrier is gone for screen-magnifier users, people with motor tremors — they get the same result as anyone else here.

Who is affected

Screen-magnifier users, people with motor tremors, and keyboard-only users of tooltips/menus.