Study first
Review the ideas behind the questions
Check whether the email still makes sense when images, colors, screen readers, mobile width, or dark mode change the experience. The goal is not a pretty preview; it is a campaign that keeps its message and action usable.
Protect the message when images disappear
Email images may be blocked, resized, or read through assistive technology. Critical content needs text support.
- Non-text content needs a text alternative that serves the same purpose, unless it is decorative or otherwise excepted.
- Important offer text should not live only inside an image.
- Decorative images can use a null text alternative so screen readers can skip them.
In Practice
Classify each image by purpose
A product image, offer banner, icon link, and spacer image may need different text treatment because they do different jobs.
Use live text for the main action
If the main discount, date, or call to action is only in an image, rebuild that information as readable text before approval.
Common mistakes
Approving an image-only sale email because the visual version looks clear.
Add live text or equivalent text alternatives so the offer and action remain clear without the image.
Q&A
When can an image be skipped by a screen reader?
Only when it is decorative or otherwise not meaningful to the message or action.
Why move key offer copy out of an image?
Live text is easier to read, zoom, adapt to dark mode, and access with screen readers.
Do not rely on color alone
Color can support a design, but it should not be the only way a reader understands status, meaning, or action.
- Color must not be the only visual way to convey information, indicate action, prompt response, or distinguish an element.
- Normal text needs at least 4.5 to 1 contrast against its background under WCAG AA, with exceptions.
- Large text has a lower 3 to 1 contrast threshold under WCAG AA.
In Practice
Add words beside color cues
If a button, price, or warning depends on red or green alone, add text, labels, or another visual cue.
Test color pairs, not brand intent
A brand-approved color pair still needs a contrast check when it is used for readable text.
Common mistakes
Using red text alone to show that a discount expired.
Add a text label such as Expired or change the copy so the meaning is clear without relying only on color.
Q&A
Is color enough to mark a warning in an email?
No. Add text, shape, label, or another cue so the meaning does not depend on color alone.
Review real rendering conditions
Email clients can change layouts, colors, and image behavior. Advanced checks cover the cases that could break the message.
- Single-column layouts tend to be easier to read on mobile and break more gracefully if support is limited.
- Links and buttons should provide a 44 by 44 pixel target area for mobile usability.
- Dark mode can partly or fully invert colors, so light-mode approval is not enough.
In Practice
Preview the risky modes
A final quality checklist should include mobile width, images-off view, and dark mode when those conditions can affect the message.
Use layout tests for the actual list
Two-column layouts can work, but they need testing against subscriber habits and devices before approval.
Common mistakes
Approving a campaign from only one desktop, light-mode preview.
Check the rendering conditions most likely to affect the audience, including mobile and dark mode when they can change readability.
Q&A
Why can dark mode change what gets approved?
Some clients partially or fully invert colors, so logos, text, and buttons can lose readability after the mode changes.
When does a two-column section need extra checks?
It needs extra checks when the audience may read on mobile or when the layout could make text, images, or buttons hard to use.