Ensure text and images of text provide sufficient contrast

Description

Module: 01 Studio Home

The text within the green buttons contains insufficient color contrast with its background. Text appears in white (#ffffff) on a light green background (#25b85a). These two colors form a luminosity color contrast ratio of 2.6:1.

Color contrast ratios below 4.5:1 are insufficient for normal sized text, and text of any size must have a contrast ratio of at least 3.0:1.

Low contrast ratios make text difficult for users with low vision to read.

  1.  

    1. Acceptance Criteria

Developers must update either the foreground or background colors so that a sufficient color contrast ratio, at least 4.5:1, is met.

Severity: 4

  1.  

    1. Internal Comment:

This has been fixed already, but I noticed the hover state does not meet sufficient contrast requirements.

We may also want to table all contrast tickets and address them in a comprehensive color contrast Story that systematically fixes them by analyzing the various color combos used across Studio, rather than one-off bugs.

Assignee

Unassigned

Reporter

Mark Sadecki

Accessibility - Severity

3

Accessibility - Frequency

4

Accessibility - Effort

3

Deadline

None

Platform Area

None

Epic Link

Priority

CAT-4
Configure