Find an issue | Basic Mode : Insufficient color contrast for image button

XMLWordPrintable

    • 9.12
    • Severity 3 - Minor

      Issue Summary

      On "Find an issue" page, the "Remove filter for resolution" button has insufficient colour contrast.

      Steps to Reproduce

      1. Open any project. 
      2. Activate "Issues" button in the header section and select "Search for issues" option.
      3. Navigate to the mentioned image button.
      4. Use any color contrast testing tool to check the color contrast.
      5. Observe that the color contrast between the mentioned image button and the adjacent background is insufficient.

      Screenshot

      Actual Results

      The #FFFFFF image button has an insufficient color contrast ratio of 1.9:1 with #BBBBBB background. 

      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

      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

      Not 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

            Assignee:
            Unassigned
            Reporter:
            Shruti Chabukswar (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: