microsoft / microsoft/react-native-gallery

Error on new Gallery homepage with 'Hyperlink' buttons not supporting the invoke pattern

Open
#478 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

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

Description

Screenshot of Fastpass:
image

From looking at the code in TileGallery.tsx, it looks like setting accessibilityRole='link' is causing the issue, as when accessibilityRole='button', the Invoke pattern is defined. Will need to investigate the platform code to see why this is occurring, and how we can avoid this issue on Fabrc.

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 with TileGallery.tsx and reproduce the Fastpass error on the new Gallery homepage. Compare the platform handling of accessibilityRole='link' and accessibilityRole='button', then inspect the platform code for why the Invoke pattern differs. Done means Hyperlink buttons support the Invoke pattern on Fabrc without changing the intended accessibility role.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
accessibility, mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.