Loadingβ¦
Make text meet the WCAG 4.5:1 contrast ratio so it's readable for everyone.
Light-grey text on white looks elegant in a design tool but is unreadable for low-vision users and in sunlight. WCAG requires a contrast ratio of at least 4.5:1 for normal text (3:1 for large text). It's a top accessibility-audit failure and an easy CSS fix.
.muted { color: #b9b9b9; background: #ffffff; } /* 1.9:1 β fails */.muted { color: #595959; background: #ffffff; } /* 7:1 β passes AA & AAA */Adjust colours in the theme customizer / global styles; watch out for low-contrast button and placeholder text.
Fix the token values in your design system / Tailwind config so the whole app inherits passing colours.
Run a free audit and get a prioritized fix list with auto-generated code.
Run a free audit