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

            [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.

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

                Created:
                Updated:
                Resolved: