Space Directory: Insufficient color contrast for text

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      The color contrast for the “Search", and "Filter" texts do not meet the minimum color contrast ratio i.e. 4.5:1.

      Steps to Reproduce

      1. Open the home page
      2. Activate the "Spaces" menu > Select "Space directory" link 
      3. Navigate to the mentioned instance.
      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 1

      Screenshot 2

      Actual Result

      There are some standard text with background/foreground color combinations having an insufficient contrast ratio.

      • The "Filter" text with #7A869A foreground color has an insufficient color contrast ratio of 3.6:1 with #FAFBFC background color.
      • The "Search" text with #8993A4 foreground color has an insufficient color contrast ratio of 3.1: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 Result

      The contrast ratio between foreground text and background for the standard text should be sufficient.

      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, 2021)
      macOs Sonoma 14.6.1
      Chrome - Version 128.0.6613.120 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit) 
      Safari- Version 17.6 (19618.3.11.11.5)
      JAWS- Version 2023
      NVDA- Version 2021.2 
      Voiceover - Version Latest

        1. defect12.1.png
          defect12.1.png
          602 kB
        2. defect12.2.png
          defect12.2.png
          520 kB

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

              Created:
              Updated:
              Resolved: