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

Bug 54060766: [React Native Gallery -> Touchable Without Feedback]: Color contrast ratio for 'TouchableWithoutFeedback' text present under “A colored TouchableWithoutFeedback” heading is 4.42:1 which is less than minimum requirement of 4.5:1. #508

Open
Yajur-Grover opened this issue Oct 7, 2024 · 0 comments

Comments

@Yajur-Grover
Copy link
Contributor

Build Details:
OS Version: Dev (OS Build 27695.1000)
App: React Native Gallery
App Version: 1.0.18.0
React Native Windows Version: 0.75.0
AT: Color Contrast

Repro-Steps:
Launch the React Native Gallery app.
Navigate to ‘All samples’ button present in left navigation pane and invoke it.
Navigate to ‘Touchable Without Feedback’ button present under “Legacy” group and invoke it.
Now check color contrast for “TouchableWithoutFeedback” text present under “A colored TouchableWithoutFeedback” heading.
Actual Result:
Color contrast ratio for 'TouchableWithoutFeedback' text present under “A colored TouchableWithoutFeedback” heading is 4.42:1 which is less than minimum requirement of 4.5:1.

Expected Result:
Color contrast ratio for ‘TouchableWithoutFeedback’ present under “A colored TouchableWithoutFeedback” heading must be greater than or equal to 4.5:1 ratio.

User Impact:
People with low vision are not able to consume the text which is having low contrast ratio.

Link to ADO bug: https://microsoft.visualstudio.com/OS/_workitems/edit/54060766

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants