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

Pull Request: Insufficient color contrast for standard text

XMLWordPrintable

    Issue Summary

    The "Try modifying your filter criteria or" text fails to meet the required color contrast ratio.

    Steps to Reproduce

    1. Navigate to the mentioned page.
    2. Navigate to the "Filter pull requests by title or description..." input field and type invalid data.
    3. Navigate to the mentioned instances.
    4. Use any color contrast testing tool to check the color contrast.
    5. Observe that the color contrast between the foreground text and the background is insufficient.

    Screenshot

    Actual Results

    The "Try modifying your filter criteria or" text has an insufficient color contrast ratio with the background color. 

    Foreground: #7A869A

    Background: #FFFFFF

    Ratio: 3.7:1

    As a result, low-vision and elderly users won't be able to identify the text. This will cause an unpleasant user experience for users.

    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 behaviour. 

    Environment 

    MacBook Pro (16-inch, 2019)
    macOS 13.4.1 (c) (22F770820d)
    Chrome - Version 115.0.5790.170 (Official Build) (x86_64)
    Firefox- Version 114.0 (64-bit)
    Safari- Version 16.5.2 (18615.2.9.11.10)
    JAWS- Version 2023.2306.28
    NVDA- Version 2022.2.2
    Voiceover - Version Latest

            Unassigned Unassigned
            b4488184f7d2 Rahil Shaikh
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: