Introduction
A marketing email can be visually perfect and still fail in production.
The wrong URL, missing image, incorrect personalization token, broken Outlook button, unreadable dark-mode footer or missing unsubscribe link can turn an otherwise successful campaign into a production problem.
This is why I treat campaign QA as a complete pre-production process, not simply as “checking the HTML.”
With more than 11 years of email development and campaign work, I have found that the most reliable QA process checks the campaign from several different perspectives: content, code, rendering, accessibility, tracking and final business requirements.
My QA rule: The campaign is not ready because the HTML looks correct. It is ready when the content, links, code, rendering and production requirements have all been checked.
My Campaign QA Workflow
I normally break campaign QA into stages so that problems are found before the final approval step.
Campaign brief
↓
Content QA
↓
Subject + preheader
↓
Links + CTA
↓
Images + assets
↓
HTML + CSS
↓
Responsive testing
↓
Email-client rendering
↓
Outlook / Gmail / Apple Mail
↓
Dark mode
↓
Accessibility
↓
Tracking + personalization
↓
Footer / compliance
↓
Final proof
↓
Approval
↓
Production
Not every campaign needs exactly the same testing depth. The target audience, email platform, campaign type and client requirements determine the final testing matrix.
My approach: I test high-risk items early instead of waiting until the last step. A broken Outlook button is much easier to fix before the final approval cycle.
1. Campaign Brief and Requirements
Before checking the HTML, I make sure I understand what the campaign is supposed to do.
I verify:
- Campaign name
- Audience
- Language and locale
- Campaign objective
- Offer or promotion
- Send date
- Approved design
- Approved copy
- Required email clients
- Tracking requirements
- Personalization requirements
This gives the QA process a reference point. Without an approved source, it is difficult to determine whether the final email is actually correct.
2. Copy and Content QA
I compare the final email against the approved copy or copy deck.
I check:
- Headline
- Body copy
- CTA labels
- Product names
- Prices
- Discounts
- Dates
- Terms and conditions
- Legal copy
- Footer content
I also look for accidental placeholder text such as “Lorem ipsum,” “TEST,” old campaign copy or development URLs.
Simple but important: I never assume that the copy in the HTML is the same as the approved copy. I compare it.
3. Subject Line and Preheader QA
The email body can be perfect, but the inbox presentation can still have an issue.
I check:
- Subject line
- Preheader text
- Spelling and punctuation
- Personalization variables
- Locale-specific copy
- Unexpected fallback text
I also check that hidden preheader content does not accidentally appear as visible content at the top of the email.
Inbox preview:
[ Subject Line ]
[ Preheader Text ]
↓
Email body
4. Link and CTA QA
Links are one of my highest-priority checks because a broken or incorrect CTA can directly affect campaign performance.
I verify:
- Primary CTA
- Secondary CTA
- Logo link
- Product links
- Image links
- Social links
- Privacy link
- Unsubscribe link
I check the actual destination rather than only checking that an
href exists.
<a href="https://example.com/shop">
Shop Now
</a>
My rule: Every important CTA should answer two questions: “Does it work?” and “Does it go to the correct place?”
5. Image and Asset QA
I verify every production image and graphic.
- Correct image
- Correct file path
- Image loads successfully
- Correct dimensions
- Correct crop
- Correct alt text
- Mobile behavior
- Dark-mode behavior
- Transparent background behavior
I also check that temporary development or staging image URLs have not been left in the production HTML.
<img
src="https://example.com/images/hero.jpg"
width="600"
alt="September gift card offer"
style="display:block;width:100%;max-width:600px;"
>
6. HTML and CSS QA
Once content and assets are confirmed, I review the email code.
I look for:
- Broken HTML
- Unclosed tags
- Incorrect table nesting
- Unexpected widths
- Unexpected fixed heights
- Duplicate CSS
- Missing responsive styles
- Outlook-specific requirements
- Dark-mode rules
- Accessibility markup
I also check that the production version contains the expected inline styles and that no development-only code remains.
Maintainability matters here too: If I can clearly identify the component causing a problem, troubleshooting is much faster.
7. Responsive QA
I test the desktop and mobile versions as two connected experiences.
For each major module, I check:
- Column stacking
- Image scaling
- Text wrapping
- Button size
- Padding
- Margins
- Typography
- Footer layout
Desktop:
[ IMAGE ] [ CONTENT ]
Mobile:
[ IMAGE ]
[ CONTENT ]
I pay particular attention to headlines and buttons because fallback fonts and mobile widths can change the visual balance of a section.
8. Email-Client Rendering QA
A browser preview is not enough for production email QA.
I validate the campaign against the email clients that matter for the target audience.
Depending on the campaign, this may include:
- Outlook
- Gmail
- Apple Mail
- Mobile email applications
- Other required client versions
My rule: The testing matrix should be based on the actual audience and project requirements, not on a generic list of clients.
9. Outlook QA
Outlook gets special attention in many enterprise email campaigns.
I check:
- Button rendering
- Background images
- Widths and heights
- Padding
- Line-height
- Vertical alignment
- Two-column modules
- Unexpected white lines
- VML fallbacks where required
I also compare Outlook rendering against the approved design and make sure a compatibility fix has not changed the experience in other clients.
10. Gmail QA
I test Gmail separately because the final email experience can differ by platform and environment.
My checks include:
- Desktop rendering
- Mobile rendering
- Responsive behavior
- Images
- Typography
- Links
- Dark mode
- Long content behavior
I do not assume that a single Gmail screenshot represents every Gmail environment.
11. Apple Mail QA
Apple Mail is another important part of my rendering checks.
I review:
- Typography
- Spacing
- Images
- Responsive behavior
- Buttons
- Dark mode
- Footer readability
I also consider how the email feels on a real mobile screen rather than judging only from a desktop preview.
12. Dark-Mode QA
Dark mode is a separate QA scenario in my workflow.
I check:
- Background colors
- Body text
- Secondary text
- Links
- Buttons
- Logos
- Transparent images
- Footer
- Contrast
A design that works perfectly in light mode can become difficult to read after client-side color transformations or dark-mode CSS.
My experience: Dark mode should be tested as part of the component workflow, not added as a last-minute screenshot.
13. Accessibility QA
I include accessibility in campaign QA rather than treating it as a separate project.
I check:
- Alt text
- Decorative images
- Meaningful link text
- Heading structure
- Reading order
- Color contrast
- Dark-mode contrast
- Table semantics
- Mobile readability
I have used NVDA for screen-reader testing and browser accessibility tools as part of my QA workflow.
My practical test: I listen to the email without relying on the visual design. If the main message becomes difficult to understand, I investigate the HTML structure and content.
14. Tracking and Analytics QA
Tracking should be checked separately from the visual email.
Depending on the campaign platform, I verify:
- UTM parameters
- Campaign identifiers
- Link tracking
- Click tracking
- Required analytics parameters
- Tracking redirects
I check that tracking parameters have not changed the destination URL or introduced malformed links.
Final CTA URL
↓
Tracking parameters
↓
Redirect / tracking layer
↓
Final landing page
Important: A tracked link should still reach the correct production landing page.
15. Personalization QA
Personalization can introduce problems that are invisible in a normal static preview.
I check:
- First-name variables
- Dynamic product content
- Conditional content
- Fallback values
- Locale-specific content
- Audience-specific variations
For example, a campaign should have a sensible fallback if a first name is missing.
Personalized:
Hi Sachin,
Fallback:
Hi there,
The exact syntax depends on the marketing platform, but the QA principle is the same: test both the populated and fallback versions.
16. Footer and Compliance QA
The footer often contains important operational and compliance-related information, so I do not treat it as an afterthought.
I check:
- Company information
- Physical address where required
- Privacy link
- Preference-center link
- Unsubscribe link
- Legal copy
- Social links
I also make sure footer text remains readable on mobile and in dark mode.
17. Deliverability Preflight
Email QA is not the same as deliverability testing, but a campaign preflight can still identify obvious issues before launch.
Depending on the email platform and campaign requirements, I review:
- Sender information
- Reply-to address
- Subject line
- Unsubscribe mechanism
- Required compliance elements
- Broken links
- Broken images
- Unexpected placeholder content
I do not treat a visual QA checklist as a replacement for the organization's dedicated deliverability process. These are separate areas that should work together.
18. Final Proof and Approval
The final proof is where I stop making assumptions and review the campaign as a recipient would see it.
I check:
- Correct campaign version
- Correct audience
- Correct subject line
- Correct preheader
- Correct content
- Correct images
- Correct links
- Correct tracking
- Correct personalization
- Correct rendering
- Accessibility reviewed
- Footer reviewed
QA complete
↓
Reviewer approval
↓
Campaign setup
↓
Final proof
↓
Production send
My final rule: Once a campaign receives final approval, I avoid unnecessary HTML changes. Any meaningful change should trigger the appropriate level of regression testing.
My Master Email Campaign QA Checklist
Campaign
- Brief confirmed
- Audience confirmed
- Approved design
- Approved copy
Content
- Headline checked
- Offer checked
- Dates checked
- Legal copy checked
Links
- CTA URLs checked
- Tracking checked
- Footer links checked
- Unsubscribe checked
Assets
- Images load
- Correct dimensions
- Alt text
- Production URLs
Rendering
- Outlook
- Gmail
- Apple Mail
- Mobile
Accessibility
- Contrast
- Alt text
- Reading order
- NVDA / screen reader
Campaign Data
- Personalization
- Fallback values
- Audience logic
- Locale content
Final
- Proof reviewed
- QA completed
- Approval received
- Production version locked
I recommend turning this into a team checklist or QA sign-off document so that campaign quality does not depend entirely on one person's memory.
Common Email Campaign QA Mistakes
- Only checking the HTML. Campaign QA also includes content, links, tracking, personalization and production setup.
- Testing only in a browser. Browser previews do not represent every email-client environment.
- Checking links only by looking at the code. The destination itself should be verified.
- Ignoring mobile. A desktop-perfect campaign can still fail on a phone.
- Skipping dark mode. Text, logos and buttons can become difficult to see.
- Skipping accessibility. Visual correctness does not guarantee a usable email.
- Testing only the happy-path personalization. Fallback values and alternate audience conditions also need review.
- Changing HTML after approval without regression testing. A small change can affect another client or component.
- Using outdated copy or assets. QA should always use the production-approved version.
- Assuming QA is complete because someone else checked it. A documented checklist makes responsibilities clearer.
FAQ
What should be checked before sending a marketing email?
At minimum, I recommend checking the approved content, subject and preheader, links, images, HTML, responsive behavior, key email clients, dark mode, accessibility, tracking, personalization, unsubscribe/footer information and final proof.
Who should perform email campaign QA?
The exact process depends on the organization. In a mature workflow, development, campaign management, QA and marketing stakeholders can each own different checks. The important part is having clear responsibility and documented approval.
Is email QA the same as email testing?
They overlap, but I treat QA as broader. Rendering testing checks how the email displays, while campaign QA also verifies content, links, tracking, personalization, accessibility, compliance and production requirements.
Should every link in an email be tested?
I recommend checking every production link, especially primary CTAs, product links, footer links and unsubscribe/preference links. At minimum, every unique destination should be validated.
How important is mobile testing?
Very important. I treat mobile as a core part of the email experience because responsive layout, typography, buttons and spacing can behave differently from desktop.
Should I test dark mode for every campaign?
If the target email clients and audience support or use dark mode, I recommend including it in the QA matrix. At minimum, the team should know whether dark mode is supported, ignored or intentionally handled for the campaign.
What happens if I fix the HTML after final approval?
I treat it as a new change that requires the appropriate regression testing. The amount of testing depends on what changed, but structural or compatibility changes deserve more than a simple visual check.
Can this checklist be used by a marketing team without an HTML developer?
Yes, for many campaign-level checks such as copy, links, images, subject line, preheader, tracking, personalization and approval. Technical HTML and rendering checks should still be performed by someone responsible for email development and QA.
Conclusion
A good email campaign QA process protects more than the visual design. It protects the campaign's content, links, customer experience, accessibility, tracking and business objective.
My approach is to break QA into clear stages: understand the campaign, verify the content, validate links and assets, inspect the HTML, test responsive behavior, check the important email clients, review dark mode and accessibility, validate tracking and personalization, and then complete a final proof before production.
The biggest advantage of a checklist is consistency. Instead of relying on memory, the team has a repeatable process that can be improved whenever a new production issue is discovered.
My biggest QA lesson: Every production mistake is an opportunity to improve the checklist. If the same issue happens twice, I try to add a check that prevents it from happening a third time.
For marketing teams, that is the real value of email QA: not simply finding mistakes, but building a repeatable process that makes every future campaign safer and more predictable.
Continue Learning HTML Email Development
Explore more practical guides on responsive HTML email development, Outlook compatibility, dark mode, accessibility, testing and maintainable email systems.
Back to Blog Get In TouchGet My Free HTML Email Developer Toolkit
Get my practical HTML email developer toolkit with useful resources, reusable techniques, QA guidance and production-ready email development tips.