Accessibility Assessment - Roadmaps: Expand/collapse state of the button not defined

Issue Summary

The "Create issue" button's state is not defined programmatically

Steps to Reproduce

1. Navigate to the "Plans" dropdown and activate it.
2. Select any option from the list.
3. Using the screen reader, navigate to the mentioned button in the main content area and activate it.
4. Listen that the expand/collapse state is not announced for the button.

Screenshot

Actual Results

The content gets expanded/collapsed dynamically below on activating the "Create issue" button. The expand/collapse state is not programmatically determined. Although the dynamic change in the content is easier to understand for sighted users, it is not intuitive for screen reader users. Additionally, when the user activates the "Create issue" button while navigating using the JAWS screen reader focus moves inappropriately. 

Expected Results

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

• Ensure that the focus of the JAWS screen reader remains on the "Create issue" button after it is activated.

Workaround

Currently, there is no known workaround for this behaviour. 

Environment

MacBook Pro (16-inch, 2019)
macOS 14.3 (23D56)
Chrome - Version 121.0.6167.184
Firefox- Version 122.0.1 (64-bit)
Safari- Version 16.5.2 (18615.2.9.11.10)
JAWS- Version 2024
NVDA- Version 2023.3
Voiceover - Version Latest