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

Search Result selection (select any of the options from the search results) : Placeholder text lacks 4.5:1 contrast ratio

XMLWordPrintable

      Issue Summary

      The contrast ratio between placeholder text and its background is not at least 4.5:1.

      Elements:

      • All actors
      • Description..

      Location:
      Present under "History" tab section

      Hexadecimal values:
      Text color: #C7C7C7
      Background color: #FFFFFF
      Contrast ratio: 1.7:1

      Tested URL

      https://instenv-5971-nizh.instenv.atl-test.space/secure/insight/assets/INITSM-77?v=0

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      The visual state of an active user interface component MUST have sufficient contrast of 3 to 1 with the adjacent background. Exceptions exist.

      HOW TO FIX:
      Fix this issue by adjusting the visual focus indicator or state indicator (e.g. selected, checked, pressed, etc.) of the user interface component and/or background to increase the contrast with either the inner or outer adjacent background to at least 3 to 1.

      REFERENCE:
      WCAG Understanding document: https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast

      BACKGROUND:
      People who have low vision or are colorblind may have difficulty perceiving that an element is interactive or what its state is - e.g. whether it has keyboard focus, is selected/checked/pressed, etc. - if the contrast between the element boundaries and/or state indicators and its background or adjacent colors is insufficient. When an interactive element's visual boundaries and state indicators have adequate contrast, people who have low vision or are colorblind are more likely to be able to perceive which elements on the screen are interactive and what their current state is.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 747989

      Bulldog Ref: JSMDC-13191

          Form Name

            [JSDSERVER-11570] Search Result selection (select any of the options from the search results) : Placeholder text lacks 4.5:1 contrast ratio

            Bilal Cinarli made changes -
            Resolution New: Won't Fix [ 2 ]
            Status Original: Gathering Impact [ 12072 ] 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-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 955516 ]
            Alex Cooksey made changes -
            Status Original: Needs Triage [ 10030 ] New: Gathering Impact [ 12072 ]
            Matthew Brennan 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 ax-qa-prioritised ax-qa-ready New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-bulldog-bl ax-jsm ax-medium-priority ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready
            Matthew Brennan 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-bug ax-bulldog-bl ax-jsm ax-mid-priority ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready
            Martin Ma made changes -
            Remote Link New: This issue links to "JSMDC-13191 (JIRA Server (Bulldog))" [ 646522 ]
            Matthew Brennan made changes -
            Labels Original: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready New: 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
            Matthew Brennan made changes -
            Labels New: 1.4.3 Accessibility WCAG21 ax-at-NVDA ax-bug ax-jsm ax-mid-priority ax-platform-dc ax-qa-prioritised ax-qa-ready

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

                Created:
                Updated:
                Resolved: