Issue Summary

On the "Help Center | Report server for fix" page, the "Raise this request on behalf of" button does not have a programmatically defined expandable state.

Steps to Reproduce

1. Navigate to the Projects dropdown.
2. Select "Sample JSM" option.
3. Now activate "Raise a request" link from the side navigation.
4. Select "Sample JSM" link from portal page.
5. Select "Report a server for fix" link.
6. Navigate to the mentioned instance and inspect the code.
7. Observe that the expandable state is not programmatically determined.

Screenshot

Actual Results

The "Raise this request on behalf of" expandable button does not have a programmatically defined expandable state. This button does not use an aria-expanded attribute. As a result, users of assistive technologies found it challenging to understand the functionality associated with this element.

Expected Results

When elements expand or collapse a particular content, make sure that they have a programmatically defined expandable state. Use the “aria-expanded” attribute on the expandable elements and update the “true” and “false” values appropriately. Make sure that the value is set to “true” when the elements are expanded and “false” when they are collapsed.

Code Snippet

<span id="exLabel">Raise this request on behalf of</span>
<button id="intLabel" aria-labelledby="exLabel intLabel" aria-expanded="false">Admin</button>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.3.1
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.3.1 (19617.2.4.11.12)
JAWS- Version 2023
NVDA- Version 2024.3
Voiceover - Version Latest