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

Merge Pull Request : Insufficient color contrast for border of checkbox

XMLWordPrintable

    Issue Summary

    On "Merge pull request" modal, the insufficient contrast ratio is found for border of "Delete admin/readmetxt-1708517515857 after merging" checkbox in Light and Dark mode. 

    Note : Similar issue has been seen on "Repository Details" page. 

    Steps to Reproduce

    1. Open any project and activate "Repository" from header. 
    2. Activate "Pull requests" link from side navigation. 
    3. Activate "Merge" button. 
    4. Observe that the "Merge pull request" modal appears.
    5. Observe these modals in "Light" and "Dark" Mode. 
    6. Use any color contrast testing tool to check the color contrast.
    7. Observe that the border of checkbox has insufficient color contrast.

    Screenshot

     

     

    Actual Results

    1. The “Delete admin/readmetxt-1708517515857 after merging" checkbox with foreground #DDDFE5 border color have color contrast ratio of 1.3:1 with #FFFFFF background color in light mode.
    2. The “Delete admin/readmetxt-1708517515857 after merging" checkbox with foreground #3C464F border color have color contrast ratio of 1.4:1 with #282E32 background color in dark mode.

    This will make it difficult for people with low vision and color blindness to distinguish the user interface components in different states that have insufficient contrast.

    Expected Results

    The contrast ratio between the foreground border color of the form field and its background color should be sufficient.

    Ensure that the color contrast for the foreground border color of user interface controls in hover state is 3:1 with the background color.

    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 119.0.6045.159 (Official Build) (arm64)
    Firefox- Version 93.0 (32-bit)
    Safari- Version 17.1 (19616.2.9.11.7)
    JAWS- Version 2023
    NVDA- Version 2020.3
    Voiceover - Version Latest

     

            Unassigned Unassigned
            8b74bced7d61 Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: