About the Tooltips Widget

How to use the Tooltip widget:

A tooltip appears when focusing the trigger element by keyboard or hovering over it with the mouse. For focusable elements, the tooltip can be hidden by pressing the Esc key

The tooltips are made available to screen readers using the aria-describedby property. To be announced properly, it must be used with an ARIA compliant browser and a screen reader that runs in (auto) forms mode or application mode.

Accessibility Changes Made to the Original Tooltip:

  • Added keyboard support for tooltips on static content

Demo: Sample Tooltips

Tooltips can be attached to any element. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.

Tooltip's are also useful for form elements, to show some additional information in the context of each field.

Click the field to see the tooltip; when you tab out of the field, it gets hidden.

My Favorite Flower
The man who doesn't relax and hoot a few hoots voluntarily, now and then, is in great danger of hooting hoots and standing on his head for the edification of the pathologist and trained nurse, a little later on.