Issue Summary

The options present in the "Request dropdown" are not properly announced by the screen reader on the "Help center" page.

Steps to Reproduce

1. Open any JSM page
2.  Create any "ITSM" project 
3. Navigate to "Raise a request" button in the side navigation and activate it
4. Observe the "Help center" page opens
5. Navigate to the "Request" button and activate it
6. Navigate to the Request dropdown options using screen reader
7. Observe the screen reader announcement

Screen recording

Requests - Service project — Mozilla Firefox 2024-06-19 17-25-50.mp4

Actual Result

When users navigate to the Request dropdown in the header section the options are not announced by the screen reader properly. This may create confusion for the screen reader users

Expected Result

Ensure that the Dropdown options should announced by the screen reader. In this scenario when the screen reader users navigate to the dropdown options the label of the each option should be announced. As well code the dropdown options adjacent to the dropdown Request menu.

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 Ventura  13.5
Chrome - Version 115.0.5790.170 (Official Build) (arm64)
Firefox- Version 112.0. 1
Safari- Version 16.5 (18615.2.9.11.4)
JAWS- Version 2023
NVDA- Version 2023
Voiceover - Version Latest

Workaround

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