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

Object Overview Modal : Placeholder text lacks 4.5:1 contrast ratio.

XMLWordPrintable

      Issue Description

      On the search input field in the dialog, the instruction text present as “search" fails the minimum color contrast requirement.

      URL to the Page

      https://instenv-19536-ipiz.instenv.internal.atlassian.com/browse/IOP-9

      Steps to Reproduce

      1. Launch URL https://instenv-19536-ipiz.instenv.internal.atlassian.com/browse/IOP-9
      2. Activate the 'oracledb-11g-prod' button beside the 'affected server:' in the details section.
      3. The 'Object Overview' dialog will pop up.
      4. Observe that on the search input field, the instruction presented as “search“ fails the minimum color contrast requirement.

      Screenshot

      Actual Behaviour

      When checked with the Color contrast analyzer tool, the color contrast of placeholder text such as “search” fails, when checked along with the background color with the following details.
      FG: #7F8C9E
      BG: #FEFFFF
      Contrast ratio: 3.4:1

      Expected Result

      The mentioned placeholder text should have a color contrast ratio of 4.5:1. This helps low-vision users to read the text. The expected contrast ratio can be achieved by increasing the contrast of foreground color until it passes a contrast ratio of 4.5:1

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

      Workaround

      Currently, there is no workaround available.

      Bug Ref: 744595

      Bulldog Ref: JSMDC-12539

        1. search.png
          search.png
          1.33 MB

            [JSDSERVER-11594] Object Overview Modal : Placeholder text lacks 4.5:1 contrast ratio.

            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 JSM. Because of this, we’ve decided to deprecate the Original theme. Upgrade to JSM 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 JSM. Because of this, we’ve decided to deprecate the Original theme. Upgrade to JSM 10.3 Long Term Support to enjoy the new themes. Best regards Bilal Cinarli Principal Frontend Engineer

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: