Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11360

Filter : Search input field for IQL form field are not explicitly associated.

XMLWordPrintable

      Issue Summary

      The Input field for IQL search form control is not correctly associated with its visible label either explicitly or implicitly.

      Steps to Reproduce

      1. Launch the URL
      2. In the header section Navigate to "Insights" and activate the link.
      3. Select the "Search objects" link from the insights menu.
      4. In the IQL search section, keeping the screen reader on, Add a search query.

      Screenshot

      Actual Results

      The IQL search input field for the Search Object page does not have a label explicitly associated with it. The 'for' and 'id' association is missing between the label and the form control. 

      Labels need to be explicitly associated with their respective form controls for assistive technologies to identify the label accurately and convey the information to the users.

      Expected Results

      Associate the label explicitly with the form control by providing an identical value that is unique from other IDs to "for" and "id" attributes to ensure that assistive technologies identify the label for the form control correctly. 

      A visible label such as "Search Query” should be provided for the respective input field using the <label> element. 

      Note: Before implementing any visual label please connect with the content design team to take a suggestion/approval from them per business logic

      <label for="search_que">Search Query</label>
<textarea id="search_que" name="iql" autocomplete="off" spellcheck="false" data-lpignore="true" placeholder="Name LIKE "John Smith"" class="ruiTestInput js-iql-editor-input" style="height: 35px></textarea>

      Refer to the below link for implementation:

      https://www.w3.org/WAI/tutorials/forms/labels/

      Workaround

      Currently, there is no known workaround for this behavior. A workaround will be added here when available.

      Bug Ref: 746808

      Bulldog Ref:

        1. Screenshot 2022-05-24 at 5.40.50 PM.png
          Screenshot 2022-05-24 at 5.40.50 PM.png
          1.21 MB
        2. Screenshot 2023-02-24 at 12.23.15 PM.png
          Screenshot 2023-02-24 at 12.23.15 PM.png
          446 kB

          Form Name

            [JSDSERVER-11360] Filter : Search input field for IQL form field are not explicitly associated.

            Matthew Brennan made changes -
            Labels Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team sprint4 New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-critical ax-critical-priority ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team sprint4
            Matthew Brennan made changes -
            Labels Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team sprint4 New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team sprint4
            Satej Mirpagar made changes -
            Resolution New: Fixed [ 1 ]
            Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 3, JSM Sprint 4, JSM Sprint 5, JSM Sprint 6 [ 7035, 7042, 7051, 7059 ] New: JSM Sprint 3, JSM Sprint 4, JSM Sprint 5, JSM Sprint 6, JSM Sprint 7 [ 7035, 7042, 7051, 7059, 7069 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 3, JSM Sprint 4, JSM Sprint 5 [ 7035, 7042, 7051 ] New: JSM Sprint 3, JSM Sprint 4, JSM Sprint 5, JSM Sprint 6 [ 7035, 7042, 7051, 7059 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 3, JSM Sprint 4 [ 7035, 7042 ] New: JSM Sprint 3, JSM Sprint 4, JSM Sprint 5 [ 7035, 7042, 7051 ]
            Oleksandr Stoliar made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 736469 ]
            Oleksandr Zghonnyk (Inactive) made changes -
            Status Original: In Review [ 10051 ] New: Waiting for Release [ 12075 ]
            Oleksandr Zghonnyk (Inactive) made changes -
            Labels Original: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team New: 1.3.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-high-priority ax-jsm ax-macos-safari ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical ax-windows-chrome ax-windows-firefox may-need-design-team sprint4
            Oleksandr Zghonnyk (Inactive) made changes -
            Fix Version/s New: 5.8.0 [ 104629 ]

              ac25cb55d206 Oleksandr Zghonnyk (Inactive)
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: