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

Search Result selection (select any of the options from the search results) : Text content lacks 4.5:1 contrast ratio.

XMLWordPrintable

      Issue Summary

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

      Elements:

      • Drop files to attach, or click to browse
      • This object has no attachments

      Location:
      Present in "Attachment" section

      Hexadecimal values:
      Text color: #C7C7C7
      Background color: #FBFBFB
      Contrast ratio: 1.6:1

      Element -2:

      • This object has no connected tickets

      Location: Present under Connected tickets tab
      Hexadecimal values:
      Text color: #C7C7C7
      Background color: #F7F7F7
      Contrast ratio: 1.6: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 :
      Small text (under 18 point regular font or 14 point bold font) MUST have a contrast ratio of at least 4.5 to 1 with the background. This issue applies to placeholder text as well.

      HOW TO FIX:
      The Firefox browser applies an opacity of less than 1 to placeholder text color that causes the rendered text color to fall below contrast ratio requirements. Fix this issue by using CSS to ensure that the rendered placeholder text has an opacity of 1. For example:

      :moz-placeholder { /* Firefox 18 */
      color: #767676;
      opacity: 1;
      }

      ::-moz-placeholder { /* Firefox 19+ */
      color: #767676;
      opacity: 1;
      }

      REFERENCE:
      W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/instructions/#styling

      BACKGROUND:
      People who have low vision or are colorblind may have difficulty reading text if the contrast between the text its background is insufficient. When the contrast ratio between text and its background is adequate, people who have low vision or are colorblind are more likely to be able to read the text.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 746571

      Bulldog Ref: JSMDC-13229

          Form Name

            [JSDSERVER-11593] Search Result selection (select any of the options from the search results) : Text content 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)" [ 955533 ]
            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-13229 (JIRA Server (Bulldog))" [ 646536 ]
            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: