Monitoring Contrast Regressions in Sale Banners
Sale banners are redesigned fast and checked slowly, which is why low contrast text keeps returning. How to watch promotional graphics before they exclude shoppers.
Promotional banners are the most frequently redesigned part of a store and the least frequently checked. A marketing team swaps in a seasonal image, places light text over a busy photograph, and the sale message becomes unreadable for shoppers with low vision.
Because banners change weekly, a yearly audit cannot hold the line. The answer is a light monitoring habit built into how banners get published, with the contrast check happening before the design goes live.
Check the text where it actually sits
Contrast is about the pixels behind the words, which vary across a photo. Text that passes over a dark corner may fail over the bright part of the same image, so measure at the lightest background the text touches, or add a solid panel behind it.
A plain background strip or a strong overlay behind banner text solves most failures in one move and keeps the design flexible. It also survives image swaps better than text placed directly on photography.
Include every banner variant
Desktop, mobile, and app banners are different crops of the same campaign, and the mobile crop often puts text over a brighter area. Check each variant, plus the version with a countdown or a second line of small print.
Small text needs more care, not less. Terms lines, end dates, and exclusion notes are exactly what shoppers need to read, and they are usually set smallest and faintest.
Build the check into publishing
Add contrast sign off to the banner workflow: who checked it, against which background, with what result. Keep approved text and background combinations in the design system so seasonal artwork starts from combinations that already pass.
Spot check live banners monthly against the register. Campaigns get reused and edited, and a banner that passed last season can return with new text over the old image and fail quietly.
Keep a small library of passing combinations
Each time a banner passes its contrast check, save the combination: text colour, background treatment, and placement, into the campaign library with a screenshot. Next season's artwork then starts from combinations with a track record instead of a blank page, and the check becomes confirming a known good recipe rather than negotiating a new one under deadline pressure every single campaign.
Related reading
If this topic is useful, these earlier guides go deeper on connected questions: Monitoring Session Timeout and Expiry Warnings, Monitoring Help Centre Search and Zero Results, and Monitoring Seasonal Landing Pages Before Peak Traffic.
Frequently asked questions
Why do sale banners fail contrast checks so often?
Speed and photography. Banners are made quickly, text sits on images with uneven brightness, and the check that would catch it is not part of the publishing routine, so the same failure returns each campaign.
What contrast does banner text need?
As a working rule, ordinary text needs a contrast ratio of at least 4.5 to 1 against its background, and large bold text at least 3 to 1. Measure against the lightest area the words cover.
Does a dark overlay behind text help?
Yes, when it is strong and consistent. A solid or near solid panel behind the words makes the contrast stable no matter what image sits behind it, which is why it is the most reliable banner fix.
Should countdown timers be checked too?
Yes. Timer digits, end dates, and terms lines are part of the offer. If they cannot be read by shoppers with low vision, the offer is not being communicated fairly.