Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-14579

Branches: Insufficient color contrast for the standard text

XMLWordPrintable

    Issue Summary

    The color contrast of the link text on hover is insufficient.

    Note: Similar instance is found on "Source" Page

    Steps to Reproduce

    1. Navigate to the "Repositories" drop-down in the header and activate it.
    2. Select the "m1jejwmpe8ydv" option.
    3. Navigate to the side navigation bar and activate the "Branches" link.
    4. Observe that "Branches" page has been appeared on the page.
    5. Navigate to the "master" dropdown and activate it.
    6. Observe that 2 tabs will be there.
    7. Using CCA tool check the color contrast of the text.

    Screenshot 1: Branches 

    Screenshot 2:Source

    Actual Results

    The "Branches" and "Tags" button text with #4C9AFF foreground color has an insufficient color contrast ratio of 2.8:1 with #FFFFFF background color.

    This will make it difficult for people with low vision and color blindness to read standard text elements that have insufficient contrast.

    Expected Results

    On all pages, ensure that each foreground/background color combination presents a contrast ratio of at least 4.5:1 for standard text.

    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.3.1
    Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
    Firefox- Version 112.0.1 (64-bit)
    Safari- Version 16.4 (18615.1.26.11.23)
    JAWS- Version 2022
    NVDA- Version 2020.3
    Voiceover - Version Latest

      1. image-2023-09-27-13-25-51-248.png
        1.17 MB
        Varsha Bansode
      2. Screenshot 2023-09-27 at 5.16.47 PM.png
        970 kB
        Nayan Kamble
      3. image-2023-10-10-15-29-10-678.png
        715 kB
        Varsha Bansode
      4. image-2025-03-03-18-29-35-822.png
        1.11 MB
        Varsha Bansode
      5. image-2025-03-03-18-30-38-697.png
        1.12 MB
        Varsha Bansode

            Unassigned Unassigned
            c3f9a46dc7c4 Varsha Bansode (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated:
              Resolved: