Tooltips

A component that appears on hover which provides additional contextual help or information.

Design Checklist


Accessible use of color

Color is not used as the only visual means of conveying information, and it meets a minimum of Level AA WCAG standards.

Accessible contrast for text

Text has a contrast ratio of at least 4.5:1 for small text and at least 3:1 for large text.

Accessible contrast for UI components

Visual information required to identify components and states (except inactive components) has a contrast ratio of at least 3:1.

Keyboard interactions

Follows WCAG 2.0 standards for keyboard accessibility guidelines and includes a description of the keyboard interactions.