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

XMLWordPrintable

      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

        1. Screenshot 2023-09-11 at 10.37.31 AM.png
          Screenshot 2023-09-11 at 10.37.31 AM.png
          1.09 MB
        2. Screenshot 2023-09-11 at 10.40.22 AM.png
          Screenshot 2023-09-11 at 10.40.22 AM.png
          993 kB
        3. Screenshot 2024-12-17 at 11.27.50 AM.png
          Screenshot 2024-12-17 at 11.27.50 AM.png
          994 kB
        4. Screenshot 2024-12-17 at 11.29.51 AM.png
          Screenshot 2024-12-17 at 11.29.51 AM.png
          949 kB

          Form Name

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

            Bilal Cinarli made changes -
            Fix Version/s New: 10.3.0 [ 109406 ]
            Bilal Cinarli made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Gathering Impact [ 12072 ] New: Closed [ 6 ]
            Bilal Cinarli made changes -
            Remote Link Original: This issue links to "A11Y-298 (Bulldog)" [ 931091 ] New: This issue links to "A11Y-298 (JIRA Server (Bulldog))" [ 931091 ]
            Sojal Shende made changes -
            Labels Original: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-low-priority ax-lv-user ax-qa level-AA ril wcag21 New: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-low-priority ax-lv-user ax-qa ax-qa-fixed ax-qa-verified level-AA ril wcag21
            Sojal Shende made changes -
            Attachment New: Screenshot 2024-12-17 at 11.29.51 AM.png [ 476115 ]
            Sojal Shende made changes -
            Attachment New: Screenshot 2024-12-17 at 11.27.50 AM.png [ 476114 ]
            Marc Dacanay made changes -
            Labels Original: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-low-priority ax-lv-user ax-qa level-AA wcag21 New: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-low-priority ax-lv-user ax-qa level-AA ril wcag21
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 955936 ]
            Bilal Cinarli made changes -
            Remote Link New: This issue links to "A11Y-298 (Bulldog)" [ 931091 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-low-priority ax-lv-user ax-qa level-AA wcag21 New: 1.4.11 ax-bug ax-jsm-dc-vpat ax-jsm-dc-vpat-Project-Allopen ax-jsm-dc-vpat-pg08 ax-jsmdc-queueview ax-low-priority ax-lv-user ax-qa level-AA wcag21

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

                Created:
                Updated:
                Resolved: