Customer Support Request Forms: Insufficient color contrast for search input field borders

XMLWordPrintable

    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The search input field's border fails to meet minimum color contrast requirements.

      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 and activate the search icon in the header.
      3. A search form field appears.
      4. Use a color contrast testing tool to check the color contrast.
      5. Observe that the color contrast between the input border and the adjacent color is insufficient.

      Screenshot 1

      Screenshot 2

      Actual Results

      The search input field  has insufficient background/foreground color contrast ratios.

      • On Android, the input field with foreground #91969A border color has a contrast ratio of 2.9:1 with the inner background.
      • On iOS, the field with foreground  #A1A6BA border color has a contrast ratio of 2.4:1. with #FFFFFF page's background color.

      This makes it difficult for people with low vision and color blindness to distinguish form controls with insufficient contrast.

      Expected Results

      The contrast ratio between the foreground border color of the form field and background color should be sufficient.

      Ensure that the color contrast for the foreground color of the borders of all form fields is 3:1 with the 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

        1. image-2025-10-06-16-23-58-407.png
          1024 kB
          Sarang Pathak
        2. image-2025-10-06-16-24-02-887.png
          1024 kB
          Sarang Pathak
        3. Screenshot 2025-09-25 at 6.14.16 PM.png
          324 kB
          Anusooya .
        4. Screenshot 2025-09-25 at 6.16.09 PM.png
          296 kB
          Anusooya .
        5. Screenshot 2026-08-17 at 11.14.57 PM.png
          577 kB
          Kiran V
        6. Screenshot 2026-08-17 at 11.14.57 PM-1.png
          577 kB
          Kiran V
        7. Screenshot 2026-08-17 at 11.17.06 PM.png
          751 kB
          Kiran V
        8. Screenshot 2026-08-17 at 11.17.06 PM-1.png
          751 kB
          Kiran V
        9. Screenshot 2026-08-17 at 2.59.32 PM.png
          716 kB
          Kiran V
        10. Screenshot 2026-08-19 at 10.44.34 AM.png
          263 kB
          Anusooya .

              Assignee:
              Kiran V
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: