Dashboard: The expanded state of button in the header is not announced to the screen reader user.

Issue Summary

In the dashboard of Bitbucket for the header section, the expanded state is not announced for the menu button such as "Repositories" to the screen reader users. 

Steps to Reproduce

1. In the Bitbucket header section, keep the screen reader on navigate to the "Repositories" menu button and activate it.
2. Observe the Collapsed and expanded state for the menu button.

Screenshot

Screen recording

Screen Recording 2022-07-20 at 3.03.51 PM.mov

Actual Results

In the Bitbucket dashboard, the menu button in the header section such as "Repositories" when activated by the screen reader, their expanded state is not announced to the screen reader user. When the menu button receives the focus, it does announce the collapsed state, but on activation when the menu is available its state is not announced. This makes it for the screen reader user difficult to understand the active state of the button.

Expected Results

Ensure the expanded state of the menu button is announced to the screen reader user. The focus should move to the options available in the menu. They must be able to navigate between the options with the Up/Down arrow keys. 

Refer to the following example: https://www.w3.org/WAI/ARIA/apg/example-index/menubar/menubar-navigation.html  

Workaround

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