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

Livedata filter inputs don't have labels

    XMLWordPrintable

Details

    • Bug
    • Resolution: Fixed
    • Major
    • 15.5-rc-1
    • 15.1
    • Live Data
    • Unit
    • Easy
    • N/A
    • N/A
    • 4.1.2 Name, Role, Value

    Description

      This WCAG fail was reported with axe-core when testing out the Menu module. There is a livedata object used in these tests at:

      http://localhost:8080/xwiki/bin/view/Menu/

       

      Validation in the test method [verifyMenuInApplicationsIndex]
      Check for [org.xwiki.test.ui.po.ViewPage] at [http://host.testcontainers.internal:8080/xwiki/bin/view/Menu/].
      
      [...]
      
      Form elements must have labels
      Description: Ensures every form element has a label
      Help URL: https://dequeuniversity.com/rules/axe/4.6/label?application=axeAPI
      Help: Form elements must have labels
      Impact: critical
      Tags: cat.forms, wcag2a, wcag412, section508, section508.22.n, ACTHTML element: 
          <input type="text" size="1" class="filter-text livedata-filter">
      Selector: [.filter-text]
      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"HTML element: 
          <input type="text" size="1" class="filter-date">
      Selector: [.filter-date]
      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"HTML element: 
          <input type="text" autocomplete="new-password" autofill="no" tabindex="" style="width: 4px;">
      Selector: [input[autocomplete="new-password"]]
      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"

       

      In this example only a few Filters were concerned, however all filters should have a label because they are form elements.

       

      Attachments

        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: