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

Help Center - view request: Insufficient color contrast ratio observed for border of input fields

      Issue Summary

      The border of "Comment on this request" input field in the main content area fails minimum color contrast requirement of 3:1.

      Steps to Reproduce

      1. Navigate to the mentioned form field element in the main content area.
      2. Use CCA color contrast testing tool to check the color contrast.
      3. Observe that the color contrast between the focus indicator and the adjacent color is insufficient.

      Screenshot

      Actual Results

      When checked with color contrast analyser tool, the input field border of mentioned instance fails minimum color contrast requirement with following details →
      FG: #DFE1E7, BG: #FFFEFF and Ratio : 1.3:1

      As a result low vision users will face difficulty in accessing this field.

      Expected Results

      The mentioned input field border should have a minimum contrast of 3:1 with its background. This helps low vision users to easily identify the form field.

      Expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes contrast ratio of 3:1.

      A color contrast analyser can be downloaded from Color Contrast Checker - TPGi

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available.

      Environment

      MacBook Pro (16-inch, 2019)
      macOs Ventura 13.5
      Chrome - Version 115.0.5790.114 (Official Build) (x86_64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 15.3 (17612.4.9.1.5)
      JAWS- Version 2021
      NVDA- Version 2020.3
      Voiceover - Version Latest

            [JSDSERVER-14044] Help Center - view request: Insufficient color contrast ratio observed for border of input fields

            No work has yet been logged on this issue.

              mma Martin Ma
              9923bfcec248 Vikram Singh (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: