Issue Summary

      Form elements must have labels for the select element of ordering the Projects in the Customer Portal

      Steps to Reproduce

      1. In the Help center main content area, keeping the screen reader on navigate to the order selection element to select the order of the project.
      2. Inspect the input feild code for the element.

      Actual Results

      For the Order selection element in the customer portal main content area, for the input field element, no label has been provided. This makes it difficult for the assistive tech user difficult to understand the purpose related to the input/select field.

      Expected Results

      Provide a hidden label to the input element of the dropdown menu to select the order. 

      Ensure the label is announced to the screen reader users.

      Refer to the following code snippet:

      <div class=" css-1b6odlt">
      <div class=" css-duzx2p-singleValue">Descending</div>
      <label style="display:none" for="react-select-4-input">Select order</label>
      <input aria-label="Select order" id="react-select-4-input" readonly="" tabindex="0" aria-autocomplete="list" class="css-62g3xt-dummyInput" value=""></div> 

      Screenshot

      Workaround

      No workaround is available.

      Bug Ref: 744270

      Bulldog Ref:

          Form Name

            [JSDSERVER-11377] Help Center : Form elements must have labels

            Matthew Brennan made changes -
            Labels Original: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint5 New: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-critical ax-critical-priority ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint5
            Matthew Brennan made changes -
            Labels Original: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint5 New: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint5
            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 4, JSM Sprint 5, JSM Sprint 6 [ 7042, 7051, 7059 ] New: JSM Sprint 4, JSM Sprint 5, JSM Sprint 6, JSM Sprint 7 [ 7042, 7051, 7059, 7069 ]
            Oleksandr Zghonnyk (Inactive) made changes -
            Remote Link New: This issue links to "Page (Confluence)" [ 746277 ]
            Oleksandr Stoliar made changes -
            Sprint Original: JSM Sprint 4, JSM Sprint 5 [ 7042, 7051 ] New: JSM Sprint 4, JSM Sprint 5, JSM Sprint 6 [ 7042, 7051, 7059 ]
            ssuryavanshi (Inactive) made changes -
            Labels Original: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-verified ax-vpat-critical sprint5 New: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-verified ax-vpat-critical sprint5
            Oleksandr Stoliar made changes -
            Labels Original: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-verified ax-vpat-critical New: 1.3.1 Accessibility WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-verified ax-vpat-critical sprint5
            Oleksandr Stoliar made changes -
            Rank New: Ranked higher
            Oleksandr Stoliar made changes -
            Fix Version/s New: 5.8.0 [ 104629 ]

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: