Uploaded image for project: 'Jira Service Management Cloud'
  1. Jira Service Management Cloud
  2. JSDCLOUD-17720

Customer Support Request Forms: Insufficient color contrast for focus indicators of user interface controls

XMLWordPrintable

      Issue Summary

      The focus indicator for the "myColorado Customer Support" and "What can we help you with" dropdown options fail to meet the minimum contrast ratio requirement.

      Test URLs

      mycolorado-general-support

      mycolorado-accessibility-support

      Steps to Reproduce

      1. Open the myColorado support request form on iOS and Android devices.
      2. Navigate to the header section using the Tab key to locate the "myColorado Customer Support" link.
      3. Use a color contrast testing tool to check the color contrast.
      4. Observe that the color contrast between the focus indicator and the adjacent color is insufficient.
      5. Proceed further with Tab key to navigate to the "What can we help you with" combobox dropdown menu.
      6. Use any color contrast testing tool to check the color contrast.
      7. Observe that the color contrast between the focus indicator and the adjacent color is insufficient.

      Screenshot 1

      Screenshot 2

      Actual Results

      Some user interface focus indicators have insufficient contrast ratios between their background and foreground colors.

      • The focus indicator for the "myColorado Customer Support" link in the header with foreground #0050D6 focus indicator color has a contrast ratio of 1.4:1 with #02833D background color.
      • The focus indicator for options like "Complaint," "Vaccination Card Issue," "General support," "Accessibility support" and so on present in the "What can we help you with" dropdown menu with foreground #F4F5F7 focus indicator color have a contrast ratio of 1.1:1 with #FFFFFF background color.

      This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast.

      Expected Results

      The contrast ratio between the foreground color of the focus indicator and its background color should be sufficient.

      Ensure that the color contrast of focus indicator for all user interface controls is 3:1 with the foreground and background color.

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available.

      Environment

      iPhone 15 Pro Max
      iOS Version 26.0
      Android Version 14
      Chrome - Version 140.0.7339.207
      Safari - Version 26
      TalkBack
      Voiceover - Version Latest

              Unassigned Unassigned
              6b1d343b1733 Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: