Radio Button and Radio Button Group - Ensure active user interface components have sufficient contrast - (2036570148)

[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: Radio Button and Radio Button Group - Ensure active user interface components have sufficient contrast - (2036570148)
• Module: Radio Button and Radio Button Group
  Issue
  The radio button borders with a contrast ratio below 3.00:1.

Foreground: #9F9F9F
Background: #9F9F9F
Contrast ratio: 2.49: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 Closing in favor of the duplicate #7822