[MGTP-Planner-Docs-More option]: Screen reader doesn't announce 'Expand/Collapse' state information when user activates or navigate 'More Option’ button using enter/spacebar key

[Raisul123]

Test Environment:
OS Build: Windows 11 
Version: 24H2 (OS Build 26058.1400) 
Browser: Edge dev 
Browser Version 123.0.2400.1 (Official build) dev (64-bit)
URL: Overview - Docs ⋅ Storybook (mgt.dev)
Screen reader: Narrator

Repro Steps:

1. Turn On Narrator (Ensure that Scan mode is Turn OFF)
2. Open the above URL.
3. The ‘Microsoft Graph Toolkit Playground' Overview page will get displayed.
4. Navigate to the ‘MGTP-Planner’ and activate it.
5. Navigate to the ‘Docs’ and activate it.
6. Navigate to the ‘More option’ three dotted button and activate it.
7. Observe the issue.

Actual Result:
Screen reader doesn't announce 'Expand/Collapse' state information when user activates or navigate 'More Option’ button using enter/spacebar key.

Expected Result:
Screen reader should announce 'Expand/Collapse' state information when user activates or navigate 'More Option’ button using enter/spacebar key.

Observation:

1. Same issue repro with NVDA screen reader.

2. issue repro throughout application
   

User Impact:
Screen reader users will face difficulty if screen reader does not announce the changed State information when user activates 'More option' buttons. Screen reader users will be unable to know whether the button is expanded or collapsed.

WCAG Reference:
Understanding Success Criterion 4.1.2: Name, Role, Value | WAI | W3C

“ Have feedback on bugs logged, please tag bug as “A11yRCA“ and add your feedback in the comment section. “

Attachments:

More.option-State.not.announce.collapse.expand.mp4

[vagpt]

Adding A11yTTValidated tag as per the comment mentioned in its PR.