Fix low colour contrast on Shopify
This page shows how to fix low colour contrast on Shopify. Low colour contrast means text is too pale against its background for many people to read.
Steps in Shopify
In the Shopify theme editor open Colors and darken text, sale prices and button labels. Check the announcement bar, which often uses a pale colour on a photo.
Check
- Measure the text colour against the immediate background.
- Aim for at least 4.5:1 for normal text and 3:1 for large text.
- Check text on photos, not only text on flat colour.