Help Center Login: Insufficient color contrast for the focus indicator

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      The color contrast of the focus indicator is not meeting the minimum color contrast requirement.

      Steps to Reproduce

      1. Navigate to the form fields using keyboard
      2. Using CCA tool verify the color contrast ratio.

      Screenshot

      Actual Results

      The color contrast of the focus indicator is insufficient.

      Fg: #2784FF

      Bg: #0052CC

      Ratio: 1.9:1

      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

      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

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

        1. image-2024-05-24-10-23-48-172.png
          980 kB
          Varsha Bansode
        2. image-2024-06-25-10-37-40-479.png
          296 kB
          Andrew Bui

            Assignee:
            Andrew Bui
            Reporter:
            Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved: