Commits: Insufficient color contrast for the standard text

XMLWordPrintable

    Issue Summary

    The color contrast for some of the text on the page does not meet the minimum color contrast ratio i.e. 4.5:1.

    Steps to Reproduce

    1. Open the "Commits" page.
    2. Navigate to the mentioned instance.
    1. Use the CCA testing tool to check the color contrast.
    1. Observe that the color contrast between the foreground text and the background is insufficient.

    Screenshot 1

    Screenshot 2

    Actual Results

    The text "Pull request #3...." on the Commits page in the main content area, fails minimum color contrast requirements with its background color i.e. 4.5:1.
    FG: #C9CED6
    BG: #FFFFFF
    Contrast ratio: 3.3:1

    The text "87c57b9d55f" on the Commits page in the main content area, fails minimum color contrast requirements with its background color i.e. 4.5:1.
    FG: #AAC1EC
    BG: #FFFFFF
    Contrast ratio: 3.3:1

    As a result, low-vision users and color-blind users will find it difficult 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.

    A color contrast analyzer can be downloaded from Color Contrast Checker - TPGi

    Workaround

    Currently, there is no known workaround for this behaviour. A workaround will be added here when available

    Environment

    MacBook Pro (16-inch, 2021)
    macOs Sonoma 14.3
    Chrome - Version 120.0.6099.109 (Official Build) (arm64)
    Firefox- Version 92.0 (64-bit) 
    Safari- Version 17.3 (19617.2.4.11.8)
    JAWS- Version 2023
    NVDA- Version 2021.2 
    Voiceover - Version Latest

      1. image (3).png
        image (3).png
        1.16 MB
      2. image (2).png
        image (2).png
        1.14 MB

            Assignee:
            Carlos Sanchez Rosa
            Reporter:
            Rahul Patil (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved: