Ensure text and images of text provide sufficient contrast

Description

Module: 06 Testing Course - Unit

The text within the green buttons contains insufficient color contrast with its background. Text appears in white (#ffffff) on a light green background (#51c67b) and become even brighter on hover (#14c955). These two colors form a luminosity color contrast ratio of 2.16:1 (2.21 when hovered).

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 (when hovered or not) so that a sufficient color contrast ratio, at least 4.5:1, is met.

Severity: 4

  1.  

    1. Internal Comment:

This may no longer be an issue as some of the contrast fixes performed on LMS impacted Studio as well. 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