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

Various WCAG issues in the Repository Application

    XMLWordPrintable

Details

    • Bug
    • Resolution: Unresolved
    • Major
    • 18.6.0-rc-1, 18.5.0
    • 18.4.1
    • Repository
    • None
    • Unknown

    Description

      Found by our docker-based tests which run axe-core:

      https://ci.xwiki.org/job/XWiki%20Environment%20Tests/job/xwiki-platform/job/stable-18.5.x/7/testReport/org.xwiki.repository.test.docker/AllIT/MySQL_latest__Tomcat_11_jdk25__Filesystem__Chrome___Docker_tests_for_xwiki_platform_repository___Build_for_MySQL_latest__Tomcat_11_jdk25__Filesystem__Chrome___Docker_tests_for_xwiki_platform_repository______/

      WCAG fails in the test class [org.xwiki.repository.test.docker.AllIT]:
      __________
      Validation in the test method [validateAllFeatures]
      Check for [org.xwiki.repository.test.po.edit.ExtensionSupportPlanInlinePage] at [http://xwikiweb0:8080/xwiki/bin/edit/Extension/Support/Supporter/Supporter1/SupportPlan11/WebHome?template=ExtensionCode.ExtensionSupportPlanTemplate&sheet=ExtensionCode.ExtensionSupportPlanSheet&ExtensionCode.ExtensionSupportPlanClass_0_supporter=Extension.Support.Supporter.Supporter1.WebHome&title=Support%20Plan%201.1&form_token=d89xx15xsoxQK5AIeeG8Og].
      Found [2] items
      
      1: <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
      Description: Ensure <dl> elements are structured correctly
      Help URL: https://dequeuniversity.com/rules/axe/4.11/definition-list?application=axeAPI
      Help: <dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script>, <template> or <div> elements
      Impact: serious
      Tags: cat.structure, wcag2a, wcag131, EN-301-549, EN-9.1.3.1, RGAAv4, RGAA-9.3.3
      
      HTML element: 
       <dl>
      Selector: [.xform > dl]
      Fix all of the following:
        dl element has direct children that are not allowed: div > div
      
      2: <dt> and <dd> elements must be contained by a <dl>
      Description: Ensure <dt> and <dd> elements are contained by a <dl>
      Help URL: https://dequeuniversity.com/rules/axe/4.11/dlitem?application=axeAPI
      Help: <dt> and <dd> elements must be contained by a <dl>
      Impact: serious
      Tags: cat.structure, wcag2a, wcag131, EN-301-549, EN-9.1.3.1, RGAAv4, RGAA-9.3.3
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_name">
       Name
       </label>
       </dt>
      Selector: [.row:nth-child(1) > .col-sm-6.col-md-4:nth-child(1) > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dd></dd>
      Selector: [.row:nth-child(1) > .col-sm-6.col-md-4:nth-child(1) > dd]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_supporter">
       Supporter
       </label>
       </dt>
      Selector: [.row:nth-child(1) > .col-sm-6.col-md-4:nth-child(2) > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dd>
      Selector: [.row:nth-child(1) > .col-sm-6.col-md-4:nth-child(2) > dd]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_summary">
       Summary
       </label>
       </dt>
      Selector: [.col-sm-12 > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dd><input size="30" id="ExtensionCode.ExtensionSupportPlanClass_0_summary" aria-label="Edit the property &quot;Summary&quot;." value="" name="ExtensionCode.ExtensionSupportPlanClass_0_summary" type="text"></dd>
      Selector: [.col-sm-12 > dd]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_url">
       URL
       </label>
       </dt>
      Selector: [.row:nth-child(2) > .col-sm-6.col-md-4:nth-child(1) > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dd>
      Selector: [.row:nth-child(2) > .col-sm-6.col-md-4:nth-child(1) > dd]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_paying">
       Paying
       </label>
       </dt>
      Selector: [.row:nth-child(2) > .col-sm-6.col-md-4:nth-child(2) > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dd><select id="ExtensionCode.ExtensionSupportPlanClass_0_paying" name="ExtensionCode.ExtensionSupportPlanClass_0_paying" size="1"><option value="1" label="Yes">Yes</option><option selected="selected" value="0" label="No">No</option></select></dd>
      Selector: [.row:nth-child(2) > .col-sm-6.col-md-4:nth-child(2) > dd]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      HTML element: 
       <dt>
       <label for="ExtensionCode.ExtensionSupportPlanClass_0_active">
       Active
       </label>
       </dt>
      Selector: [.col-sm-6.col-md-4:nth-child(3) > dt]
      Fix any of the following:
        Description list item does not have a <dl> parent element
      
      ...
      
      HTML element: 
      	<select size="1" id="ExtensionCode.ExtensionDependencyClass_1_repositories" multiple="multiple" name="ExtensionCode.ExtensionDependencyClass_1_repositories"></select>
      Selector: [#ExtensionCode\.ExtensionDependencyClass_1_repositories]
      Fix any of the following:
        Element does not have an implicit (wrapped) <label>
        Element does not have an explicit <label>
        aria-label attribute does not exist or is empty
        aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
        Element has no title attribute
        Element's default semantics were not overridden with role="none" or role="presentation"
      
       ==> expected: <false> but was: <true>
      	at org.xwiki.test.ui.WCAGUtils.assertWCAGResults(WCAGUtils.java:164)
      	at org.xwiki.test.ui.WCAGUtils.endWCAGValidation(WCAGUtils.java:96)
      	at org.xwiki.test.docker.internal.junit5.XWikiDockerExtension.afterAll(XWikiDockerExtension.java:382)
      	at java.base/java.util.ArrayList.forEach(ArrayList.java:1596)
      
      03:08:18.555 [main] INFO  org.xwiki.test.ui.WCAGUtils - Time spent on WCAG validation for [org.xwiki.repository.test.docker.AllIT]: [38.765] (in s)
      03:08:18.567 [main] ERROR org.xwiki.test.ui.WCAGUtils - There are [72] incomplete accessibility checks in the test suite. See [target/mysql-latest-pom-tomcat-11-jdk25-filesystem-chrome/wcag-reports/wcagIncompletes.txt] for more details.
      03:08:18.568 [main] WARN  org.xwiki.test.ui.WCAGUtils - There are [18] accessibility warnings in the test suite. See [target/mysql-latest-pom-tomcat-11-jdk25-filesystem-chrome/wcag-reports/wcagWarnings.txt] for more details.
      03:08:18.568 [main] WARN  org.xwiki.test.ui.WCAGUtils -     [label] : [18] warnings
      03:08:18.568 [main] ERROR org.xwiki.test.ui.WCAGUtils - There are [104] accessibility fails in the test suite. See [target/mysql-latest-pom-tomcat-11-jdk25-filesystem-chrome/wcag-reports/wcagFails.txt] for more details.
      03:08:18.569 [main] ERROR org.xwiki.test.ui.WCAGUtils -     [image-alt] : [2] failures
      03:08:18.569 [main] ERROR org.xwiki.test.ui.WCAGUtils -     [dlitem] : [84] failures
      03:08:18.569 [main] ERROR org.xwiki.test.ui.WCAGUtils -     [link-name] : [1] failures
      03:08:18.569 [main] ERROR org.xwiki.test.ui.WCAGUtils -     [definition-list] : [6] failures
      03:08:18.569 [main] ERROR org.xwiki.test.ui.WCAGUtils -     [select-name] : [11] failures
      

      Attachments

        Activity

          People

            vmassol Vincent Massol
            vmassol Vincent Massol
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated: