Backlog: Insufficient color contrast for focus indicator of form control

XMLWordPrintable

    • 10.03
    • Severity 3 - Minor

      Issue Summary

      The focus indicator for the "Split" button fails minimum contrast ratio of 3:1 with inner background. 

      Steps to Reproduce

      1. Open DC project.
      2. Activate the "Backlog" link from side navigation. 
      3. Activate "Context menu of issues" button. 
      4. Activate the "Split" button. 
      5. Navigate through modal using the TAB key using the keyboard. 
      6. Use the CCA testing tool to check the color contrast.
      7. Observe that the color contrast between the focus indicator and the inner background is insufficient.

      Screenshot

      Actual Results

      The focus indicator of  "Split" button in the "Split Issu" modal fails the minimum color contrast requirements with its background color. 
      FG: #3A8EFF
      BG: #0055CC
      Contrast ratio: 2: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

      The contrast ratio between the foreground color of 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.

      In this case, provide spacing between the focus indicator and the button.

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)

      macOS Sonoma Version 14.1

      Chrome - Version 131.0.6778.265 (Official Build) (arm64)

      Firefox- 134.0.1 (64-bit)

      Safari- Version 18.2 (19620.1.16.111.6, 19620)

      JAWS- Version 2023

      NVDA- Version 2023.2

      Voiceover - Version Latest

            Assignee:
            Unassigned
            Reporter:
            Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated: