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 made changes -
            Resolution New: Won't Fix [ 2 ]
            Status Original: Ready for Development [ 10049 ] New: Closed [ 6 ]

            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
            Marc Dacanay made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised may-need-design-team New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised may-need-design-team ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 955534 ]
            Matthew Brennan made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised may-need-design-team New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised may-need-design-team
            Matthew Brennan made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised may-need-design-team New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised may-need-design-team
            Oleksandr Mazepa made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised may-need-design-team
            Akhilesh Paradhi (Inactive) made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]
            Martin Ma made changes -
            Remote Link New: This issue links to "JSMDC-12539 (JIRA Server (Bulldog))" [ 646537 ]
            Vijay Nair (Inactive) made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-at-user ax-bug ax-bulldog-bl ax-dev-ready ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised

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

                Created:
                Updated:
                Resolved: