-
Bug
-
Resolution: Fixed
-
Low
-
4.20.0, 5.3.1
-
Severity 2 - Major
-
Issue Summary
Form elements must have labels for the select element of ordering the Projects in the Customer Portal
Steps to Reproduce
- 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.
- 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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|