Skip to content

Accessibility: Flyout Automatically Reads All Elements on Open #10303

Open
@Yajur-Grover

Description

@Yajur-Grover

Describe the bug

Transfer of issue microsoft/react-native-gallery#524 to mirror internal bug logged.

When the Flyout menu is opened in screen reader mode (e.g., Windows Narrator), the screen reader automatically reads out all accessible elements within the Flyout without waiting for user interaction. This behavior can overwhelm users and prevent them from navigating through the menu items at their own pace.

Steps to reproduce the bug

  • Enable a screen reader, such as Windows Narrator.
  • Open the Flyout menu.
  • Observe that the screen reader automatically starts reading all accessible elements in the Flyout sequentially.
  • Note that users cannot interrupt the reading to focus on a specific item or interact with the menu at their own pace.

Expected behavior

  • The screen reader should announce the Flyout as a modal dialog or menu when it opens.
  • Only the first actionable element (e.g., the first menu item or header) should be read out automatically.
  • Users should have control over the navigation and reading of other elements using keyboard or screen reader gestures.

Screenshots

No response

NuGet package version

None

Windows version

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    accessibilityNarrator, keyboarding, UIA, etcbugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions