8700 shaares
199 private links
199 private links
Whenever you want to add interactive elements inside your information bubble, it's not called tooltip, but toggletip.
Firstly, before we get started, it is always better to display clear, permanently visible information. So, if space permits, do not use tooltips.
There is a
<button type="button" aria-describedby="toggletip" popovertarget="toggletip">
secret
</button>
to accessible HTML!
<div popover id="toggletip">
<div>a div is not a button ✨</div>
</div>