Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Narrator blue box does not follow keyboard when tabbing through example page on Gallery Fabric #487

Open
Yajur-Grover opened this issue Aug 27, 2024 · 1 comment
Assignees
Labels
Area: Accessibility Area: Fabric New Architecture Broad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric Parity: Fabric vs. Paper RNW Fabric does not look or behave like RNW Paper
Milestone

Comments

@Yajur-Grover
Copy link
Contributor

Part of the accessibility testing plan is the following step:

Narrator: Turn on Narrator (Win + Ctrl + Enter), set default verbosity levels (Settings > Accessibility > Narrator >Verbosity Level = "3 - All control details", Context level for buttons and controls = "2 - Immediate context")

  • Share your computer sound on the teams call (Find the presentation banner at the top of your screen & click the button that has the screen and sound icon)
  • Use tab and arrows to navigate through the page
  • Pretend you're in a coding interview - tell the reviewer what keys you're hitting as you press them
  • Listen to what narrator speaks
  • Does it make sense?
  • Any weirdness or differences between the visible text and text spoken?
  • To stop Narrator speaking, press Ctrl, to turn off narrator, press Win + Ctrl + Enter.

When enabling narrator on the example page, the blue box appears around the first component that has keyboard focus, and narrator announces information about the component. However, once the user tabs onto the next component on the page, the blue box does not follow, and Narrator stops speaking.

Example recording:

Button.Narrator.test.fabric.gallery.mp4
@jonthysell
Copy link
Contributor

This might be a missing event about focus changing that we're not passing to UIA. @chrisglein can you transfer this to the RNW repo?

@jonthysell jonthysell added Area: Fabric New Architecture Broad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric Parity: Fabric vs. Paper RNW Fabric does not look or behave like RNW Paper and removed Needs: triage 🔍 labels Sep 5, 2024
@jonthysell jonthysell added this to the Next milestone Sep 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: Accessibility Area: Fabric New Architecture Broad category for issues that apply to the RN "new" architecture of Turbo Modules + Fabric Parity: Fabric vs. Paper RNW Fabric does not look or behave like RNW Paper
Projects
Status: No status
Development

No branches or pull requests

3 participants