microsoft / microsoft/react-native-gallery

Bug 59220044: [React Native Gallery Preview: Modal]: 'Close Modal' button present in 'This is a simple modal' dialog is not clearly visible when High Contrast Aquatic theme is applied.

Open
#671 0 comments 0 reactions 1 assignee View on GitHub

@vineethkuttan is already working on this.

Since Sep 29, 2025.

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

Description

Build Details:
OS Version: 24H2
OS Build: 26100.5074
App: React Native Gallery Preview
App version: 1.0.18.0
AT Used: High contrast

Pre-Requisite:
Open settings -> Accessibility -> Contrast themes -> Select Aquatic/Desert themes.
Repro-Steps:
Launch the React Native Gallery-Preview app.
Navigate to 'Left navigation menu' button and invoke it.
Navigate to 'Dialogs and flyouts' list item and invoke it.
Navigate to 'Modal' item and invoke it.
Navigate to 'Open modal' button and invoke it.
Now observe the behavior of all the buttons.
Actual Result:
'Close Modal' button present in 'This is a simple modal' dialog becomes difficult or impossible to read when the High Contrast Aquatic theme is applied.

Expected Results:
'Close Modal' button present in 'This is a simple modal' dialog should remain clearly visible to the user and readable when any high contrast theme (including Aquatic) is applied.

User Impact:
Users with low vision who rely on high contrast themes will face difficulties to interact with the interface are unable to read or access the button in this page.

MAS Reference:
MAS 4.3.1 – No Disruption of Accessibility Features

Trap ID:
1.2 - Effectively Invisible Element

“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.