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

Help Center Login: Insufficient color contrast for the focus indicator

XMLWordPrintable

      Issue Summary

      The color contrast of the focus indicator is not meeting the minimum color contrast requirement.

      Steps to Reproduce

      1. Navigate to the form fields using keyboard
      2. Using CCA tool verify the color contrast ratio.

      Screenshot

      Actual Results

      The color contrast of the focus indicator is insufficient.

      Fg: #2784FF

      Bg: #0052CC

      Ratio: 1.9:1

      This will make it difficult for people with low vision and color blindness to identify the focus indicator for the user interface controls that have insufficient contrast.

      Expected Results

      Ensure that the color contrast of focus indicator for all user interface controls is 3:1 with the foreground and background color.

      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 Version 13.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

        1. image-2024-05-24-10-23-48-172.png
          980 kB
          Varsha Bansode
        2. image-2024-06-25-10-37-40-479.png
          296 kB
          Andrew Bui

          Form Name

            [JSDSERVER-15334] Help Center Login: Insufficient color contrast for the focus indicator

            Bartosz Ornatowski made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]
            Sylwia Mikołajczuk (Inactive) made changes -
            Labels Original: 1.4.11 Level-AA WCAG21 ax-A11Y-275 ax-bug ax-customer-escalated ax-esc-Treasury-Board-of-Canada-Secretariat ax-lv-user ax-medium-priority ax-qa New: 1.4.11 Level-AA WCAG21 ax-A11Y-275 ax-bug ax-customer-escalated ax-esc-Treasury-Board-of-Canada-Secretariat ax-jsm-dc-vpat-helpcenter ax-lv-user ax-medium-priority ax-qa
            Andrew Bui made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Andrew Bui made changes -
            Fix Version/s New: 5.17.0 [ 107827 ]
            Andrew Bui made changes -
            Status Original: In Progress [ 3 ] New: Waiting for Release [ 12075 ]
            Andrew Bui made changes -
            Attachment New: image-2024-06-25-10-37-40-479.png [ 459455 ]
            Andrew Bui made changes -
            Status Original: Short Term Backlog [ 12074 ] New: In Progress [ 3 ]
            Andrew Bui made changes -
            Assignee Original: Arun S [ 578bae526277 ] New: Andrew Bui [ f31f2aa3fba9 ]
            Arun S made changes -
            Assignee New: Arun S [ 578bae526277 ]
            Marc Dacanay made changes -
            Status Original: Needs Triage [ 10030 ] New: Short Term Backlog [ 12074 ]

              f31f2aa3fba9 Andrew Bui
              c3f9a46dc7c4 Varsha Bansode (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved: