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

Create Object Modal : Active user interface component lacks 3 to 1 contrast ratio.

XMLWordPrintable

      Issue Summary

      The visual boundary of an ACTIVE user interface component does not have at least a 3 to 1 luminosity contrast ratio with either the inner or outer adjacent background.

      Element name: The visual boundary color of edit fields

      • Name
      • Last Serviced.

      Hexadecimal values:
      Visual boundary color code: #DFE1E6
      Outer background: #FFFFFF
      The contrast ratio is: 1.3:1.

      Location: Located in the "Create Object" modal.

      Tested URL

      https://instenv-5971-nizh.instenv.atl-test.space/secure/ManageObjectSchema.jspa

      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.

      HOW TO FIX:
      Fix this issue by adjusting the text and/or background to increase the contrast to at least 4.5 to 1.

      REFERENCE:
      Deque University: https://dequeuniversity.com/class/visual-design2/contrast/text-against-background

      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: 746691

      Bulldog Ref: JSMDC-12889

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: