Tooltips display short, helpful information when the user hovers or taps a trigger element.
The tooltip component itself doesn't receive focus. It's displayed for the duration that the triggering component has focus.
Maximum character count for tooltip copy is 200 characters. If more copy than this is desired, then consider using a popover.
If the tooltip is invoked with mouseIn, then it is dismissed with on mouseOut.
Escape key will also dismiss a tooltip without needing to remove focus from the triggering component or utilizing on mouseOut. This is useful for seeing a subject that was blocked by a tooltip, but without switching focus to do so.
Title case, 2-3 words maximum.
Do not combine actions in a label (exception: "Customize & Buy").
If standard labels don't fit the button's purpose, align label with the task the user is attempting.
Please refer to the Dell Technologies branding website, https://brand.delltechnologies.com/faq/#voice, for further information regarding call-to-action labels and usage.
To be determined.
The element that serves as the tooltip container has role tooltip.
The element that triggers the tooltip references the tooltip element with aria-describedby.