Rating (Form) - Ensure color is not the sole means of communicating information - (2036570496)

[dqateam]

Module:

40 Form

Violation:

Ensure color is not the sole means of communicating information

WCAG Reference:

• 1.4.1 Use of Color

Instance ID:

2036570496

Severity:

10

Description:

[Issue] There is image after the "How many stars would you give Calcite components?" that uses color alone to visually indicate selected state information.

[User Impact] Users with color blindness will have difficulty identifying the colors used to convey this information.

[Code Reference]

<label class="star selected" for="calcite-ratings-29af6f19-da8e-6288-620e-bc02ffec3557-1">
  (...)
</label>

.hovered, .selected, :host([read-only]) .average, :host([read-only]) .fraction {
    color: var(--calcite-ui-brand);
}

Note:

[Suggestion] Ensure color is not the sole means of communicating information. Color can be used as long as other visual indicators of the information are also present. Common additional visual indicators include underlining, bolding, additional on-screen text conveying the information, or change in shape or size.

Media Type:

Color and Contrast

Additional Resources:

• Report Source: Product accessibility evaluation conducted on the Calcite Design System in August, 2022.

[geospatialem]

[geospatialem]

This doesn't seem like a valid issue as selections are filled and colored, whereas unselected values are not filled or colored. Closing and marking as resolved.