microsoft / microsoft/react-native-gallery

[React Native Gallery Preview]: 'This text will be copied to the clipboard' edit field is visually presented as a normal text present below the 'Copy to clipboard' button

Open
#664 1 comment 0 reactions 1 assignee View on GitHub

@protikbiswas100 is already working on this.

Since Sep 23, 2025.

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

Description

https://dev.azure.com/microsoft/OS/_workitems/edit/59187791
Build Details:
OS Version: 24H2
OS Build: 26100.5074
App: React Native Gallery Preview

Repro-Steps:
Launch the React Native Gallery-Preview app.
Navigate to the 'Expand menu' button and invoke it.
Navigate to ‘All samples’ button present in left navigation pane and invoke it.
Navigate to ‘Clipboard’ button present under “System” group and invoke it.
Observe 'This text will be copied to the clipboard' edit field present below the ‘Copy text to the Clipboard’ button
Actual Result:
'This text will be copied to the clipboard' edit field is visually presented as a normal text present below the 'Copy to clipboard' button

Expected Result:
'This text will be copied to the clipboard' edit field should contain <border/background highlight> so that it will be easy for the user to identify it as an editable input field.
If the text 'This text will be copied to the clipboard' is defined as an edit field, it should be visually distinguishable with a . Otherwise, focus should not land on the non-interactive element.

User Impact:
Users with low vision will be impacted and will not be able to differentiate between static text and edit field

MAS Reference Link: MAS 1.4.1 – Use of Color.

Trap ID: 9.1 - Unattractive Appearance

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

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.