Uploaded image for project: 'Jira Software Data Center'
  1. Jira Software Data Center
  2. JSWSERVER-26198

Backlog | Create Sprint: 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 "Create sprint" modal dialog.
      2. Navigate to the "Calendar" and activate it.
      3. Navigate to the mentioned instance.
      4. Use the CCA testing tool to check the color contrast.
      5. Observe that the color contrast between the foreground text and the background is insufficient.

      Screenshot

      Actual Results

      The text "WK" in the Calendar on the "Create sprint" page, fails the minimum color contrast requirements with its background color i.e. 4.5:1.
      FG: #888888
      BG: #F4F5F7
      Contrast ratio: 3.2: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. Screenshot 2024-02-12 at 6.50.59 PM.png
          Screenshot 2024-02-12 at 6.50.59 PM.png
          1.01 MB

          Form Name

            [JSWSERVER-26198] Backlog | Create Sprint: Insufficient color contrast for the standard text

            Bilal Cinarli made changes -
            Resolution New: Won't Fix [ 2 ]
            Status Original: Ready for Development [ 10049 ] New: Closed [ 6 ]

            Bilal Cinarli added a comment -
            Atlassian Update – 20 December 2024

            Hi everyone,

            As part of our accessibility and usability improvements, we’re now offering light and dark theme for Jira. Because of this we’ve decided to deprecate the Original theme. Upgrade to Jira 10.3 Long Term Support to enjoy the new themes.

            Best regards

            Bilal Cinarli
            Principal Frontend Engineer

            Bilal Cinarli added a comment - Atlassian Update – 20 December 2024 Hi everyone, As part of our accessibility and usability improvements, we’re now offering light and dark theme for Jira. Because of this we’ve decided to deprecate the Original theme. Upgrade to Jira 10.3 Long Term Support to enjoy the new themes. Best regards Bilal Cinarli Principal Frontend Engineer
            Mateusz Witkowski made changes -
            Remote Link Original: This issue links to "A11Y-126 (Bulldog)" [ 931023 ] New: This issue links to "A11Y-126 (JIRA Server (Bulldog))" [ 931023 ]
            Pavlo Samchuk made changes -
            Component/s Original: Accessibility [ 62490 ]
            Component/s New: Backlog [ 46795 ]
            Component/s New: Accessibility [ 62491 ]
            Key Original: JRASERVER-77398 New: JSWSERVER-26198
            Affects Version/s Original: 9.12.2 [ 106456 ]
            Affects Version/s New: 9.12.2 [ 106455 ]
            Project Original: Jira Data Center [ 10240 ] New: Jira Software Data Center [ 12200 ]
            Bilal Cinarli made changes -
            Remote Link New: This issue links to "A11Y-126 (Bulldog)" [ 931023 ]
            Karol Skwierawski made changes -
            Labels Original: 1.4.3 Level-AA WCAG21 ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-lv-user ax-medium-priority ax-qa New: 1.4.3 Level-AA WCAG21 a11y-triaged ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-lv-user ax-medium-priority ax-qa
            Rahil Shaikh made changes -
            Labels Original: 1.4.3 Level-AA WCAG21 ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-jiradc-vpat2024-pg22 ax-jiradc-vpat2024-sprint ax-lv-user ax-medium-priority ax-qa New: 1.4.3 Level-AA WCAG21 ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-lv-user ax-medium-priority ax-qa
            Rahil Shaikh made changes -
            Labels Original: 1.4.3 Level-AA WCAG21 ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-pg22 ax-jiradc-vpat2024-sprint ax-lv-user ax-medium-priority ax-qa New: 1.4.3 Level-AA WCAG21 ax-bug ax-jiradc-vpat2024 ax-jiradc-vpat2024-backlog ax-jiradc-vpat2024-pg09 ax-jiradc-vpat2024-pg22 ax-jiradc-vpat2024-sprint ax-lv-user ax-medium-priority ax-qa
            Rahil Shaikh made changes -
            Summary Original: Sprint: Insufficient color contrast for the standard text New: Backlog | Create Sprint: Insufficient color contrast for the standard text
            Rahul Patil made changes -
            Description Original: h3. 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.
            h3. Steps to Reproduce
             # Open the "Create sprint" modal dialog.
             # Navigate to the "Calendar" and activate it.
             # Navigate to the mentioned instance.

             # Use the CCA testing tool to check the color contrast.

             # Observe that the color contrast between the foreground text and the background is insufficient.

            h3. Screenshot

            !Screenshot 2024-02-12 at 6.50.59 PM.png|width=518,height=313!
            h3. Actual Results

            The text "WK" in the Calendar on the "Create sprint" page, fails the minimum color contrast requirements with its background color i.e. 4.5:1.
            FG: #888888
            BG: #F4F5F7
            Contrast ratio: 3.2:1

            As a result, low-vision users and color-blind users will find it difficult to read standard text elements that have insufficient contrast.
            h3. 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|https://www.tpgi.com/color-contrast-checker/]
            h3. Workaround

            Currently, there is no known workaround for this behaviour. A workaround will be added here when available
            h3. 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             		New: h3. 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.
            h3. Steps to Reproduce
             # Open the "Create sprint" modal dialog.
             # Navigate to the "Calendar" and activate it.
             # Navigate to the mentioned instance.
             # Use the CCA testing tool to check the color contrast.
             # Observe that the color contrast between the foreground text and the background is insufficient.

            h3. Screenshot

            !Screenshot 2024-02-12 at 6.50.59 PM.png|width=518,height=313!
            h3. Actual Results

            The text "WK" in the Calendar on the "Create sprint" page, fails the minimum color contrast requirements with its background color i.e. 4.5:1.
            FG: #888888
            BG: #F4F5F7
            Contrast ratio: 3.2:1

            As a result, low-vision users and color-blind users will find it difficult to read standard text elements that have insufficient contrast.
            h3. 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|https://www.tpgi.com/color-contrast-checker/]
            h3. Workaround

            Currently, there is no known workaround for this behaviour. A workaround will be added here when available
            h3. 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

              Unassigned Unassigned
              1833d2e1842a Rahul Patil
              Affected customers:
              0 This affects my team
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: