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

Insufficient color contrast for Arrow button

XMLWordPrintable

      Issue Summary

      The color contrast for the Arrow button fails the minimum colour contrast requirements of 3:1.

      Steps to Reproduce

      1. Open the Jira service management page.
      2. Navigate to the mentioned instances.
      3. Use any color contrast testing tool to check the color contrast as per the mentioned foreground and background color.

      Screenshot

      Expected Results

      The contrast ratio between the foreground of the “Arrow“ button and its background color should be sufficient.

      Ensure that the color contrast for the foreground border color of user interface controls in the hover state and on keyboard focus is 3:1 with the background color.

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

      Actual Results

      The “Arrow“ button, fails the minimum color contrast requirement i.e. 3:1, on hover and keyboard focus.
      FG: #A5ADBA
      BG: #FFFFFF
      Contrast ratio: 2.3:1

      This will make it difficult for people with low vision and color blindness to distinguish the user interface components in different states that have insufficient contrast.

      Workaround

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

      Environment

      Chrome- Version 121.0.6167.140 (Official Build) (64-bit)
      Operation System- Windows 11
      MacBook Pro (16-inch, 2021)
      Firefox- Version 122.0.1(64-bit)
      macOs version 13.6.3
      Voiceover - Version Latest
      JAWS- Version 2023
      NVDA- Version 2021.2

        1. 23.05.2024_13.32.55_REC.png
          23.05.2024_13.32.55_REC.png
          699 kB
        2. image-2024-06-26-11-20-10-739.png
          image-2024-06-26-11-20-10-739.png
          236 kB

            [JSDSERVER-15330] Insufficient color contrast for Arrow button

            Rahil Shaikh added a comment -

            Hey f64b10823ad4, As the mentioned instances are disabled, you can close this ticket. Thank you!  

            Rahil Shaikh added a comment - Hey f64b10823ad4 , As the mentioned instances are disabled, you can close this ticket. Thank you!  

              f64b10823ad4 Rostislav Pasechnikov (Inactive)
              289f9eca0ebd Aliya Shaik
              Affected customers:
              0 This affects my team
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved: