Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-20974

AWM create application wizard steps lack contrast

    XMLWordPrintable

Details

    • Medium
    • N/A
    • 1.4.3 Contrast

    Description

      The items to display steps of the wizard to create a new application do not have enough contrast with the background when they are in the states:

      • active
      • done

      This issue was found using the automated WCAG testing:

      Validation in the test method [createApplicationWithoutScriptRight]
      Check for [org.xwiki.appwithinminutes.test.po.ApplicationClassEditPage] at http://xwikiweb:8080/xwiki/bin/edit/createApplicationWithoutScriptRight/Code/createApplicationWithoutScriptRightClass?wizard=true&form_token=IVhabR2FvyBNsxFPulxgKQ&template=AppWithinMinutes.ClassTemplate&parent=createApplicationWithoutScriptRight.WebHome&title=createApplicationWithoutScriptRight%20Class.
      Found [1] items

      1: Elements must have sufficient color contrast
      Description: Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds
      Help URL: https://dequeuniversity.com/rules/axe/4.6/color-contrast?application=axeAPI
      Help: Elements must have sufficient color contrast
      Impact: serious
      Tags: cat.color, wcag2aa, wcag143, ACT

      HTML element:
      <span class="name done">
      Name
      </span>
      Selector: [.done.name]
      Fix any of the following:
      Element has insufficient color contrast of 2.25 (foreground color: #a5a5a5, background color: #f5f5f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

      HTML element:
      <span class="name active">
      Structure
      </span>
      Selector: [.active.name]
      Fix any of the following:
      Element has insufficient color contrast of 2.27 (foreground color: #5cb85c, background color: #f5f5f5, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1

      Attachments

        1. 20974-Fix20867ActiveStep.png
          260 kB
          Charpentier Lucas
        2. 20974-OpacityRemoved.png
          307 kB
          Charpentier Lucas
        3. AWMCreateStepActiveContrast.png
          277 kB
          Charpentier Lucas
        4. AWMCreateStepDoneContrast.png
          228 kB
          Charpentier Lucas

        Issue Links

          Activity

            People

              Lucas C Charpentier Lucas
              Lucas C Charpentier Lucas
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: