Issue view: Insufficient color contrast for focus indicator of user interface controls

XMLWordPrintable

    • 11.02
    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The focus indicators for the "Got it" button and the "Learn more about pinned comments" link do not meet the minimum contrast ratio requirement.

      Note: The issue has been raised as a "Low" priority issue as it does not significantly impact visual clarity or usability.

      Test URL

      JiraDC-TestEnv

      Steps to Reproduce

      1. Open the Jira Data Center instance.
      2. Open any issue and proceed to the information banner located within the Comments section.
      3. Utilize the Tab key to navigate focus to the "Got it" and "Learn more about pinned comments" controls.
      4. Use a color contrast testing tool to check the contrast.
      5. Observe that the color contrast between the focus indicator and adjacent color is insufficient.

      Screenshot

      Actual Results

      The "Got it" and "Learn more about pinned comments" controls in the information banner of the comments area use a #398AFF focus indicator color. This color has a contrast ratio of 2.999:1 against the #F4F0FF background, slightly below the recommended minimum of 3: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 the focus indicator and its background color should be sufficient.

      Apply the following changes ->

      • Ensure that color contrast of focus indicator is at least 3:1 against adjacent colors (foreground and background).
      • Use a solid outline that meets or exceeds the 3:1 ratio against the control’s background.

      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 15.4.1
      Windows - 11 pro
      Chrome - Version 142.0.7444.60 (Official Build) (arm64)
      Safari - Version 26.1 (20622.2.11.119.1)
      JAWS - Version 2025
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

              Assignee:
              Unassigned
              Reporter:
              Anusooya .
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: