Sufficient contrast is the basis of readability and accessibility, especially on a phone in sunlight.
What it means in practice
Contrast is the difference in brightness between text and background (or between a button and its surroundings). WCAG recommends at least 4.5:1 for normal text and 3:1 for large text.
Why it matters for your business
Adequate contrast is the basis of readability and accessibility – especially on phones in sunlight and for older people. Light grey text on white may look elegant, but many people simply won’t read it.
Examples and good practice
- Check contrast with free online tools.
- Avoid light grey text on white.
- Place text on photos over a darkened overlay.
- Contact buttons should clearly stand out from the background.
How Novi handles it
Colours on Novi websites are chosen with adequate contrast, and contact buttons clearly stand out from the background.
