Issue Summary

On the “JSM cloud | All projects”, The expand/collapse state of the “More info about channel access” button is not programmatically defined.

Steps to Reproduce

Navigate onto the above mentioned page.
Navigate to the “Projects” button and activate it.
Navigate onto the “Create project button and activate it, Select “Jira service management” > “IT service management” > “Use template”.
Navigate to the “Team type” input field and enter any character in it.
Using screen reader, navigate onto the mentioned button/instance and activate it.
Listen that the expand/collapse state of the button is not announced.

Screenshot

Actual Results

On activating "More info about channel access" button, the content dynamically gets expanded and collapsed below. The dynamically updating button's state is not defined programmatically.
As a result, screen reader users are not able to understand the button's functionality.

Expected Results

The screen reader should announce expand/collapse state of the button for their users.

Set 'aria-expanded' attribute to 'false' for the button by default as the button is in the collapsed state. Ensure that the value of 'aria-expanded' attribute changes to 'true' in expanded state on user interaction via scripting.

Code Snippet

<button aria-expanded="false" aria-label="More info about channel access" ..>
(...)
</button>

Environment

MacBook Pro (14-inch, 2021)
macOs Ventura 13.5
Chrome - Version 119.0.6045.123 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2023
NVDA- Version 2023.2
Voiceover - Version Latest

Workaround

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