Global Navigation: Insufficient color contrast for informative image

XMLWordPrintable

    • 11.03
    • Severity 3 - Minor
    • Accessibility

      Issue Summary

      The avatar image does not meet the minimum color contrast ratio requirement of 3:1.

      Test URL

      https://instenv-735466-lo9x.instenv.internal.atlassian.com/secure/Dashboard.jspa

      Steps to Reproduce

      1. Open the Jira DC instance.
      2. Navigate to the avatar image at the top-right corner of the header navigation bar.
      3. Use any color contrast testing tool to check the color contrast.
      4. Observe that the color contrast between the mentioned image and the adjacent background is insufficient.

      Screenshot

      Actual Results

      The user avatar image (informative graphic) with #C4C4C4 foreground color has an insufficient color contrast ratio of 1.7:1 with #FFFFFF background.

      This makes it difficult for low vision users to perceive and identify the avatar as an interactive UI component.

      Expected Results

      The contrast ratio between the key visual elements of the avatar image and its adjacent colors should be at least 3:1. This ensures the avatar is perceivable and identifiable as an interactive UI component for low vision and color-blind users.

      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 26.5.1
      Windows - 11 pro
      Chrome - Version 149.0.7827.156 (Official Build) (arm64)
      Safari - Version 26.5 (21624.2.5.11.4)
      JAWS - Version 2026
      NVDA - Version 2024.4.2.35031
      Voiceover - Version Latest

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

                Created:
                Updated: