Tooltip — Vanilla
Tooltip with vanilla HTML. CSS shows on :hover of wrapper; add JS for focus and positioning.
Tooltip
Tooltip with trigger. Use tooltip-wrapper and aria-describedby; tooltip has role="tooltip". Add JS for show/hide on focus/hover and positioning.
Live example
Tooltip text. CSS shows on :hover of wrapper.
HTML
html html
<div class="tooltip-wrapper" aria-describedby="tip-1">
<button type="button" class="btn btn-primary">Hover me</button>
<span class="tooltip tooltip--top" id="tip-1" role="tooltip">Tooltip text. Add JS for show/hide and position.</span>
</div>