Action - Ensure color is not the sole means of communicating information - (2036569746)

dqateam commented 2 years ago

Module:

04 Action

Violation:

Ensure color is not the sole means of communicating information

WCAG Reference:

1.4.1 Use of Color

Instance ID:

2036569746

Severity:

10

Description:

[Issue] The "blue" indicator uses color alone to visually indicate that the notification is present.

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

[Code Reference]

<button aria-busy="false" aria-disabled="false" aria-label="Test 10 action with indicator, for display purposes only" class="button button--text-visible">
(...)
<div class="text-container text-container--visible">Notification</div>
</button>

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.

[Compliant Code Example]

N/A

Media Type:

Color and Contrast

Additional Resources:

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

github-actions[bot] commented 2 years ago

It looks like this issue is missing some information:

A codepen, codesandbox, or jsbin that reproduces the issue. Alternatively, a documentation sample can be used if the issue is reproducible. If you are experiencing build or Node related errors, please provide a GitHub repo for the sample.

Issues without reproduction samples may not be prioritized. If you were unable to create a sample, please try to answer any questions that arise once development begins. Thanks for your understanding.

geospatialem commented 2 years ago

This issue may have been a testing-related issue, closing as such.

In the test #10 where the indicator is present, the tester might not have context of the non-indicator option, which does not have a blue-colored dot present.

Esri / calcite-design-system