[SF][Badge]: Fails to meet color contrast ratio with respect to background color when color scheme is "8"
See original GitHub issueDescribe the bug
Badge Fails to meet color contrast ratio with respect to background color when color scheme is “8” Current ratio is 2.5:1 Foreground Color : #80A854 Background Color : #F3F4EF
To Reproduce Steps to reproduce the behavior:
- open test environment: https://qacand.hcm.ondemand.com/sf/ompassignment?mock#/assignment-detail/ao/2
Expected behavior Ensure the foreground color and background color of each element have a contrast ratio of at least 4.5:1
Screenshots
UI5 Web Components for React Information
@ui5/webcomponents
version: o.31.14
@ui5/webcomponents-react
version: 0.131.13
Browser: Chrome
Additional context Please check it and fix it as soon as possible. Thanks a lot!
Issue Analytics
- State:
- Created 2 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
G18: Ensuring that a contrast ratio of at least 4.5:1 ... - W3C
If the background is a solid color (or all black or all white) then the relative ... The contrast ratio can sometimes be...
Read more >Understanding WCAG 2 Contrast and Color Requirements
In WCAG 2, contrast is a measure of the difference in perceived "luminance" or brightness between two colors (the phrase "color contrast" is ......
Read more >Accessibility contrast requirements explained and how to fix 5 ...
The ratio can range from 1:1, which would be the same color for the foreground and background, to 21:1, which would be black...
Read more >Color combinations that fail WCAG 2 AA 4.5:1 contrast ratio
My main concern is that we can't know of all the combinations the users might use, so we need to make the assumption...
Read more >Web Accessibility Checker : Check Details - AChecker
The luminosity contrast ratio between text and background color in all images is at least 5:1. Error. Image may contain text with poor...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @gmkv Please add the fix code to next new release 0.31.x. Thanks!
Both changes(#3870 & #3814) are downported in the 0.31 branch