Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-14236

Project | All open: Insufficient color contrast for informative images

      Issue Summary

      The color contrast of the informative images such as "cheque boxes" in the table in main content area, "cheque boxes " in the more drop down, and so on in edit queue in more options in the page is not meeting the minimum color contrast ratio.

      Note: same issues reproduced in Type all dropdown, status all dropdown, unresolved dropdown, Label all dropdown and order by time search input field dropdown, more dropdown   in edit queue in more options in the page. 

      Steps to Reproduce

      1. Open the Project- All open page
      2. Using Tab key, navigate to the mentioned instances in the page ( Path: Queues > More options>Edit queue > issues to show)
      3. Use any color contrast testing tool to check the color contrast.
      4. Observe that the color contrast between the mentioned images and the adjacent background is insufficient.

      screenshot

      Actual Result

      The color contrast of the informative images such as "cheque boxes" in the table in main content area, "cheque boxes " in the more drop down, and so on in edit queue in more options in the page is not meeting the minimum color contrast ratio.

      Note: same issues reproduced in Type all dropdown, status all dropdown, unresolved dropdown, Label all dropdown and order by time search input field dropdown, more dropdown   in edit queue in more options in the page. 

      Foreground:#DFE1E5
      Background:#FFFFFF
      Ratio          :1.3:1

      This will make it difficult for low vision users to discern meaningful graphics that have insufficient contrast.

      Expected Results

      For the key parts of all the informative images, ensure that the contrast between foreground, background or adjacent colors is 3:1 to make the image's information accessible for low vision and color-blind users.

      Refer to the following link:https://hello.atlassian.net/wiki/spaces/A11Y/pages/1220721126/Text+and+Non-text+Contrast 

      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 Ventura  13.5
      Chrome - Version 115.0.5790.170 (Official Build) (arm64)
      Firefox- Version 112.0. 1
      Safari- Version 16.5 (18615.2.9.11.4)
      JAWS- Version 2023
      NVDA- Version 2023
      Voiceover - Version Latest

            [JSDSERVER-14236] Project | All open: Insufficient color contrast for informative images

              Unassigned Unassigned
              415c9ec44a7c Pravalika Suragani (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: