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

FocusCatcher input has no label

    XMLWordPrintable

Details

    • Unknown

    Description

      On the OfficeMacro page used in the test suite, there's an unlabelled field:

      WCAG warnings in the test class [org.xwiki.export.pdf.test.ui.AllIT]:
      __________

      Validation in the test method [officeMacro]
      Check for [org.xwiki.test.ui.po.ViewPage] at http://xwikiweb:8080/xwiki/bin/view/PDFExportIT/OfficeMacro.
      Found [1] items

      1: Form elements must have labels
      Description: Ensure every form element has a label
      Help URL: https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI
      Help: Form elements must have labels
      Impact: critical
      Tags: cat.forms, wcag2a, wcag412, section508, section508.22.n, TTv5, TT5.c, EN-301-549, EN-9.4.1.2, ACT

      HTML element: 
          <input type="text" tabindex="-1" class="focusCatcher">
      Selector: [.focusCatcher]
      Fix any of the following:
        Form element does not have an implicit (wrapped) <label>
        Form 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 has no placeholder attribute
        Element's default semantics were not overridden with role="none" or role="presentation"

      This is probably related to https://github.com/xwiki/xwiki-platform/blob/aa181b9c5d1417e04b6dce5cec1a3cfea025b250/xwiki-platform-core/xwiki-platform-web/xwiki-platform-web-war/src/main/webapp/resources/uicomponents/widgets/gallery/gallery.js#L27

       

      Similar report in another test suite:

       

      WCAG warnings in the test class [org.xwiki.officeimporter.test.ui.AllIT]:
      __________
      Validation in the test method [verifyImport]
      Check for [org.xwiki.flamingo.skin.test.po.AttachmentsViewPage] at http://xwikiweb:8080/xwiki/bin/view/NestedOfficeImporterIT/verifyImport/.
      Found [1] items

      1: Form elements must have labels
      Description: Ensure every form element has a label
      Help URL: https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI
      Help: Form elements must have labels
      Impact: critical
      Tags: cat.forms, wcag2a, wcag412, section508, section508.22.n, TTv5, TT5.c, EN-301-549, EN-9.4.1.2, ACT

      HTML element: 
          <input type="text" tabindex="-1" class="focusCatcher">
      Selector: [.focusCatcher]
      Fix any of the following:
        Form element does not have an implicit (wrapped) <label>
        Form 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 has no placeholder attribute
        Element's default semantics were not overridden with role="none" or role="presentation"

      Attachments

        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: