Uploaded image for project: 'ui-orders'
  1. ui-orders
  2. UIOR-526

Accessibility Error: Elements must have sufficient color contrast

    XMLWordPrintable

Details

    • ACQ Sprint 91
    • 1
    • Thunderjet

    Description

      Elements must have sufficient color contrast

      Elements: POL Details - Related invoices - invoice number link
      PO Details - Related invoices - invoice number link
      Settings navigation

      Lib: ui-orders

      Impact: serious

      Description
      Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

      Fix
      Links
      Element has insufficient color contrast of 4.02 (foreground color: #2b75bb, background color: #ebebeb, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

      After modal is opened - ???

      Settings navigation
      Element has a 1:1 contrast ratio with the background

      Controled vacab buttons
      Element has insufficient color contrast of 4.18 (foreground color: #2b75bb, background color: #efefef, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1

      TestRail: Results

        Attachments

          1. screenshot-1.png
            215 kB
            Andrei Shumski
          2. screenshot-2.png
            156 kB
            Andrei Shumski
          3. screenshot-3.png
            210 kB
            Andrei Shumski

          Issue Links

            Activity

              People

                dennisbridges Dennis Bridges
                mikita_siadykh Mikita Siadykh
                Dennis Bridges Dennis Bridges
                Votes:
                0 Vote for this issue
                Watchers:
                4 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases