Fix low color contrast in Webflow
Update the color variable or class that sets the failing text.
Checked against Webflow's help docs on . Menu names can change; the source links below have the latest steps.
- In the Designer, select an element that fails (your dashboard lists the page and a sample element).
- In the Style panel, find where the color comes from. If it's a color variable, open the Variables panel and change that variable to the passing hex code from your Accessibility Shield dashboard. Every element that uses it updates at once.
- If the color is set directly on a class, change it on that class (for example your body text or button class) instead of on single elements.
- Check hover and focus states too, since they often use lighter colors.
- Publish the site.
Check it: publish your change, then run a new scan from your dashboard. The issue should drop off the list.
What this issue means and who it affects