Stepper and Stepper Item - Ensure active user interface components have sufficient contrast - (2036570228)

[dqateam]

Violation:

Ensure active user interface components have sufficient contrast

WCAG Reference:

• 1.4.11 Non-test Contrast

Severity:

6

Media Type:

Color and Contrast

---

Areas for Remediation:

• Title: Stepper and Stepper Item - Ensure active user interface components have sufficient contrast - (2036570228)
• Module: Stepper and Stepper Item
  Issue
  Light gray form field borders on a background have a contrast ratio below 3.00:1.

Foreground: #B1B1B1
Background: #F8F8F8
Contrast ratio: 2.0:1

User Impact
Users with low vision will have difficulty identifying this content.

Suggestion
Ensure active user interface components have sufficient contrast. The required minimum contrast ratio is 3.00:1.

Common examples of qualifying components include text field borders, checkmarks for checkboxes, fillings for radio buttons, focus indicators, and icon-only controls.

For borders, the "adjacent color" can be the color that touches the outside of the border or the color that touches the inside of the border. Contrast with both is not required.

Disabled controls that cannot be navigated to with the keyboard are exempt from this requirement.

Refer to the Accessible Color Picker extension or Color Contrast Checker site for assistance: https://www.accessibility.dev/

---

Additional Resources:

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

[geospatialem]

Closing in favor of the duplicate #7822