Provide additional information about the UI through tooltips.

• Provide complementary information on mouse hover or keyboard focus.
• Enhance usability with consistent application.

• Attach to icons, text links, buttons, and menu items.
• Use popovers for touchscreen devices.

• Offer short, contextual information.
• Enhance understanding of unlabeled icons.

• Avoid positions that obscure elements.
• Do not display vital or redundant information.
• Keep text concise; avoid long descriptions.

• Use inclusive language: "we," "our," "you."
• Limit to 75 characters.
• Attach to specific inline elements.

• Trigger on hover or focus.
• Display within 0.1 seconds of cursor entry.
• Fade after cursor exits.

• Default position: top; adjust for readability.
• Ensure strong contrast for visibility.

• Implement ARIA attributes.
• Support mouse and keyboard interactions.
• Use role=tooltip and aria-describedby.

• Popovers for touchscreen devices.