Component Library

Additional content that appears and disappears in coordination with keyboard focus or pointer hover.

Interacting with added content (tooltips, drop-down menus, popups) requires a mouse input or movement.

If hovering or moving focus to an element results in added content being displayed, or if added content appears without intentional user action, the user must be able to dismiss that content without moving the mouse or changing focus (such as pressing the escape key to dismiss the added content). Consider adding an info "i" button with a <label="info"> attribute following the element needing additional description. This avoids forcing users to read the tooltips unless they explicitly activate the info button.

https://knowbility.org/blog/2018/WCAG21-1413ContentHoverFocus/