Tooltip

Short hint shown on hover or focus.

Source: src/stylus/components/tooltip.styl

Default

A tooltip is a [popover] anchored to its trigger. Put .tooltip-trigger on the control and point popovertarget at the tip.

Verified accessibility standard
<button type="button" class="button secondary sm tooltip-trigger" popovertarget="doc-tooltip">WCAG 2.2 AA</button>
<div id="doc-tooltip" popover class="tooltip">Verified accessibility standard</div>