60424591 : [React Native Gallery App New]: ‘Colored Button’ text does not meet the minimum color contrast requirement. #801
Description
ADO Bug Reference
| Field | Value |
|---|---|
| ADO Link | 60424591 |
| Type | Bug |
| State | Active |
| Priority | -- |
| Severity | -- |
| Reason | Investigate |
| Area Path | -- |
| Iteration | -- |
| Created By | Arjun Chakraborty (WIPRO LIMITED) |
| Assigned To | Nitin Chaudhary |
Repro Steps
Environment Details
OS Version: 24H2
OS Build: 27975.984
Application: React Native Gallery
Application Version: 2.0.8.0
AT: Color Contrast
Repro Steps
- Open the application and sign in with valid credentials.
- Navigate to 'Button' button and invoke it.
- Now check the color contrast for 'Colored Button' and observe the issue.
Actual Results
The text on the ‘Colored Button’ has a color contrast ratio of 3.56:1, which is below the minimum required contrast ratio of 4.5:1 for normal text. As a result, the button label appears low-contrast and difficult to read for many users.
Expected Results
The text on the ‘Colored Button’ should maintain a minimum contrast ratio of 4.5:1 against its background to ensure readability for users with visual impairments or contrast sensitivity.
User Impact
Users with low vision, color blindness, or contrast sensitivity may struggle to read the button label, which can result in missed actions, confusion, or inability to operate the button effectively.
MAS Reference
MAS 1.4.3 – Contrast (Minimum)
Trap ID
“Have feedback on bugs logged, please tag bug as “A11yRCA” and add your feedback in the comment section.”
Automatically created from ADO Bug 60424591 using ADO to GitHub extension