Issue Summary
The "Select order" dropdown lacks a visible label.
Steps to Reproduce
- Open the JSM DC Help Center instance.
- Navigate to the mentioned instance in the main content area.
- Note that the visible label is missing.
Screenshot
Actual Results
The "Select order" dropdown is correctly associated with a <label> element, ensuring proper semantic structure. However, the label is not visible on the page, even though it is present in the code. This issue occurs because the label has been hidden using CSS.
As a result, users with cognitive impairments may find it difficult to understand the purpose of the dropdown.
Expected Results
Ensure that a visible label is provided for the dropdown.
In this case, since the label is present in the code and associated with the dropdown, remove the class="assistive" from the <label> element in the source code to make the label visible on the page.
Note: Please consult with the design team to address this issue from a design perspective.
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available
Environment
MacBook Pro (16-inch, 2021)
macOS Sonoma 14.7
Operations - Windows11
Chrome - Version 133.0.6943.127 (Official Build) (64-bit)
Safari- Version 18.0
Firefox- Version 135.0 (64-bit)
JAWS- Version 2023
NVDA- Version 2024.4.2
VoiceOver - Version Latest
Bug
High
