...

• Most tooltips contain plain text which usually describes the control/object they point to
• Rich tooltips can contain more than just plain text such as header, icons, dynamic content, tables Etc... . 

  • For the purpose of this page we'll just use the term tooltips

Examples:

Component	Regular size
Regular	Image Modified
Regular with heading	Image Modified
Error see Field Validation	Image Modified
Warning see Field Validation	Image Modified
Informative	Image Modified
Help	Image Modified
Additional examples (from different apps)
Regular with dynamic content (Calendar | statistics)	Image Modified
Regular with heading - 2 lines (Calendar) Anchor Structured Structured	Image Modified
Regular with dynamic structured content icon and list (Queue analytics)	Image Modified

Text

• When the tooltip is applied to buttons, use user action-oriented copy that communicates the value in a straight forward manner
• Keep it short. If you reach more than 150 chars reconsider the tooltip

...

• Tooltips should not be used as the only way to accomplish a task (should not be vital for the task)
• Tooltips with obvious/redundant text are not beneficial to the user
  <<TBD update image>>
  Image Modified
  
• A formatted structure is easier to read than big chunk (see in additional examples under Content)

Accessibility compliance

Focus management

...

• Display the tooltip with the same time constraints described above in Interaction772244056 
• The tooltip should not obscure content as described above in PlacementorPositioning772244056
• Clicking Esc. should dismiss the tooltip as described above in Interaction772244056 

Screen reader support 

Should be done automatically by the screen reader.

Contrast & size compliance

Checked.Complied by design

Design

...