question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[SF][Badge]: Fails to meet color contrast ratio with respect to background color when color scheme is "8"

See original GitHub issue

Describe 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:

  1. 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 image

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:closed
  • Created 2 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
sfsf-xweb-shcommented, Sep 8, 2021

Hi @gmkv Please add the fix code to next new release 0.31.x. Thanks!

1reaction
fifoosidcommented, Sep 8, 2021

Both changes(#3870 & #3814) are downported in the 0.31 branch

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found