Skip to main content

Tooltips

Tooltips provide a short description of a page element or control.

Accessibility

  • The element that serves as the tooltip container has role tooltip.
  • The element that triggers the tooltip references the tooltip element with aria-describedby.
  • Make sure tooltips are part of the page’s tab sequence, so they can receive focus.
  • The Escape key should close the tooltip.

Further Reading

View on GitHub
Last updated .
Implementations