Background and foreground colors do not have a sufficient contrast ratio

Design help Layout & Design
1

hi there…[
image_2024-06-28_010921808
]
why am i getting this and how to fix this, i am not sure what exactly is this…

wewewew
wewewew1316×435 24 KB

2

Try following the link that explains it in the screenshot.

3

there is no clickable link… also i have one more question… how to make this in two columns? i tried to chnage, but another part of the website also chnaged to two columns, how can i make chnages to this part wthout chnaging the other.

ghjghjgjghjgh
ghjghjgjghjgh1801×891 135 KB

4

hi @arslan.2010 please follow forum guides and do not change request topic into conversation about project issues that are not related to original request. You can easily search for solution on this forum or visit WFU to learn basics.

links:

https://www.siegemedia.com/contrast-ratio#%23ffffff-on-%23000000

https://webaim.org/resources/contrastchecker/

https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum

and many more…

5

the main issue is i do not know where the issue is, because having black text on green background is a good contrast… but the image is showing something else. like a box…

6

hi @arslan.2010 it will be for anyone impossible to give you any advice when you do not follow forum request guide. If you have missed it or didn’t read it here is the summary.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName

In your case you should provide both links.