← All patterns · Disclosure widgets

Tooltip

Brief informational popup triggered by focus or hover.

Pattern

A tooltip provides supplementary information about a control, displayed on focus or hover. Tooltips are non-interactive and do not take focus themselves.

Roles

  • tooltip

States and properties

aria-describedby
On the trigger, pointing at the tooltip.

Keyboard interaction

Focus on trigger
Show tooltip.
Escape
Hide tooltip without moving focus.

WCAG criteria

  • 1.4.13 — Content on Hover or Focus

Canonical reference

WAI-ARIA Authoring Practices Guide — Tooltip

More