Guidelines Color contrast

Color contrast

Appropriate color contrast helps drivers quickly interpret information and make decisions.

Minimum visual contrast between the foreground (text or icons) and background (colors, album art, etc.) is required for legibility while driving. App colors must meet the WCAG 2.0 Level AA Normal Text contrast requirements (4.5:1). Use a contrast checker, such as the WebAIM Color Contrast Checker, to ensure that your screens meet the contrast requirements.

Do.

These icons follow the color contrast ratio recommendations and are more legible against their backgrounds.

Don’t.

These icons do not follow the color contrast ratio recommendations and are difficult to discern against their backgrounds.