Bug 58071131: [React Native Gallery -> Left Navigation]: Screen reader fails to announce the expand/collapse state of the navigation button.

[vineethkuttan]

Build Details:
OS Version: Dev (OS Build 27871.1000)
App: React Native Gallery
App Version: 1.0.18.0
React Native Windows Version: 0.79.0

AT: Screen Reader

Pre-requisites:

Turn on Narrator (Ctrl + Win + Enter).

Repro-Steps:
Launch the React Native Gallery app.
Navigate to 'Navigation' button (Expand/Collapse button) and listen to narrator announcement.
Actual Result:

Screen reader fails to announce the expand/collapse state of the navigation button. When user navigates/activates it narrator is announcing as "Navigation bar hamburger icon, button".

Expected Result:

Screen reader should announce the expand/collapse state of the navigation button. When user navigates to it narrator should announce as "Navigation bar, Expanded, button" or "Navigation bar, Collapsed, button".

User impact:

Screen Reader users will not be able to know that whether the pane is expanded or collapse state.

MAS Reference:

MAS 4.1.2 – Name, Role, Value

Trap ID:
1.4 - Uncomprehended Element

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

[chiaramooney]

This change should only be a JS side change (no Paper architecture specific knowledge needed). I think you'll just need to set accessibilityState for this button

Note: The source code for the Paper React Native Gallery begins at the root of the repo rather than inside the New Arch folder.

[vineethkuttan]

In Fabric, We should need to do this change.

[vineethkuttan]

Along with JS Side , we have to raise event for UIA_ExpandCollapseExpandCollapseStatePropertyId I guess for fabric.

[protikbiswas100]

Raised #643