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

Search Result selection (select any of the options from the search results) : Link or button text lacks 4.5:1 contrast ratio on hover.

XMLWordPrintable

      Issue Summary

      The contrast ratio between link or button text and its background is not at least 4.5:1 on hover and/or on focus.

      Elements:

      • Attributes
      • Connected tickets
      • Comments

      Location:
      Present on the main content

      Hexadecimal values:
      Text color: #767676
      Background color: #F7F7F7
      Contrast ratio: 4.2: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 name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

      HOW TO FIX:
      Fix this issue by using any of the following techniques:
      1. Use the innertext of the <button> or role="button" element

      <button>Apply now!</button>

      <button class="apply-btn"><span class="sr-text">Apply now!</span></button>

      2. Use a non-empty aria-label attribute on the <button> or role="button" element.

      <button class="apply-btn" aria-label="Apply now!"></button>

      <span role="button" class="apply-btn" aria-label="Apply Now!"></span>

      REFERENCE:
      Deque University: https://dequeuniversity.com/class/custom-widgets2/concepts/name
      nW3C ARIA Recommendation: https://www.w3.org/TR/wai-aria-1.1/#aria-label

      BACKGROUND:
      Buttons must have discernible text that describes the button's function or action for screen reader and other assistive technology users.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 748021

      Bulldog Ref: JSMDC-13231

          Form Name

            [JSDSERVER-11595] Search Result selection (select any of the options from the search results) : Link or button text lacks 4.5:1 contrast ratio on hover.

            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: