microsoft / microsoft/react-native-gallery

[React Native Gallery]: Same action is getting performed for ‘Navigation bar’ button and ‘Navigation bar hamburger icon’ button.

Open
#310 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

A11ySev3 Area: Accessibility enhancement
Dominant language
TypeScript
Stars
257
Forks
57
Avg merge
18h 19m
Merged PRs (30d)
10

Description

Repro-Steps:
Launch the React Native Gallery app.
Navigate to ‘Navigation bar’ button using tab key, invoke it and observe.
Navigate to ‘Navigation bar hamburger icon’ button using tab key, invoke it and observe.

Actual Result:
Same action is getting performed for two buttons which is incorrect. On invoking ‘Navigation bar’ button, left navigation pane is getting opened and on invoking ‘Navigation bar hamburger icon’ button, left navigation pane is getting opened.

Expected Result:
Same action should not be performed for different buttons. Focus should not fall on ‘Navigation bar’ button.

User impact:
Users with motor impairment who rely on keyboard will be confused if same action is performed for different buttons.

Internal bug link: https://microsoft.visualstudio.com/DefaultCollection/OS/_workitems/edit/43361160

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by launching the React Native Gallery app and reproducing the keyboard navigation steps for the “Navigation bar” and “Navigation bar hamburger icon” buttons. Locate the components handling these controls and verify that the buttons do not duplicate the same action and that focus does not land on the “Navigation bar” button.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
accessibility, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.