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

Backlog: Insufficient color contrast for the border of create version form fields

      Issue Summary

      The border of the form fields fails the minimum color contrast requirements.

      Steps to Reproduce

      1. Open the "Backlog" page.
      2. Navigate to the "Versions" and "Epics" button and activate the non-modal dialogs
      3. Navigate to the mentioned form fields.
      4. Use the CCA testing tool to check the color contrast of the border of those checkboxes.
      5. Observe that the color contrast between the checkbox border and the adjacent color is insufficient.

      Screenshot 1

      Screenshot 2

      Actual Results

      The border of the form fields such as “Name“, "Description", "Start date", and "Release date", present in the “Create version” modal dialog box fails the minimum color contrast requirements with its background color.
      FG: #DFE1E5
      BG: #FAFBFC
      Contrast ratio: 1.3:1

      The border of the form fields such as “Epic name“, and "Summary", present in the “Create epic” modal dialog box fails the minimum color contrast requirements with its background color.
      FG: #DFE1E5
      BG: #FAFBFC
      Contrast ratio: 1.3:1

      As a result, low-vision users will find it difficult to distinguish the form controls that have insufficient contrast.

      Expected Result

      The mentioned border of the input field should have a minimum contrast of 3:1 with the adjacent content. This helps low-vision users to easily identify the form field. The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio of 3:1.

      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

       

          Form Name

            [JSWSERVER-26188] Backlog: Insufficient color contrast for the border of create version form fields

            No work has yet been logged on this issue.

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

                Created:
                Updated:
                Resolved: