MailSlurp logo

solutions

Email Accessibility Checker: Test Campaigns Before Sending

Check your campaign's alt text, links, reading order and contrast. Use MailSlurp Email Audit with real-client previews, then verify the fixes in your ESP.

An email can look finished while its offer is difficult to read or its button makes little sense to someone using a screen reader. The small footer, image-only promotion and repeated "Click here" links deserve the same attention as the headline.

MailSlurp's email accessibility checker workflow combines Email Audit findings, real-client device previews and a short hands-on review. Send a campaign from your email platform, inspect the message that arrived, fix the specific problem and test the new version. You can do this without writing a test script.

Check the email your subscribers will receive

Start with the campaign in Mailchimp, HubSpot, Klaviyo or your usual sending platform. Send a test to a MailSlurp inbox and run Email Audit on the received message. When reviewing appearance, use device previews for the clients and light/dark modes your audience uses.

The distinction matters. An audit can identify a missing image description or an unnamed link in the message. A screenshot helps you notice faint text or a button that disappears against its background. A screen-reader check tells you whether the reading experience makes sense. Together, these checks give you a much better basis for approving a campaign.

For the sending steps, follow the Mailchimp campaign test guide or the HubSpot device-rendering walkthrough. Keep the final recipient values in the test: a long product name or a missing first name can change both the layout and the meaning.

An email accessibility checklist for campaign review

Use these checks on the final delivered version. You can fix many content issues in the email editor; structural changes to a custom template may need your designer.

Keep the offer available without the artwork

Read the email with pictures unavailable in a controlled test account. Can you still understand the offer, its important conditions and the next step? If the event date or discount exists only inside a banner, move it into a text block as well.

Our missing-image test shows this difference in a real Outlook Classic result. It deliberately uses an unavailable image URL. That demonstrates a useful fallback; it does not represent every client's image-blocking behavior.

For image descriptions, explain the image's purpose. A product photograph might need its relevant detail. An image that supplies the only content of a link needs a description of the destination or action. Pure decoration can use an empty alternative rather than making a screen reader announce redundant words. The W3C alt-text decision tree explains these distinctions.

Read the campaign's link labels on their own. "View the October workshop schedule" is more useful than three unrelated links all called "Read more." A linked image also needs an understandable name when its picture is unavailable.

Then follow the link from the test message. A clear label pointing to last month's offer is still a problem. Check both the name and destination, including the footer's preference and unsubscribe actions with a designated test contact.

For tracking redirects, personalized destinations and links that work only after a campaign send, use the campaign link-testing guide.

Make the reading order match the story

Listen to the delivered message with a screen reader in an email client your audience uses. Check that the heading introduces the right paragraph, each product's details stay together and the call to action follows the explanation it belongs to.

For example, a two-column offer can look sensible while the spoken order jumps from one product's name to another product's price. Ask your designer to correct the structure, then repeat the same listening test. Simply rearranging what appears on screen may leave the underlying order unchanged.

Use genuine heading styles in the editor rather than making ordinary text large and bold. Check the message's language setting too, especially when copying a template for a different language. Mailchimp's accessibility guidance covers headings, message structure and the plain-text version.

Check contrast in light and dark mode

Inspect body copy, button labels, inline links and footer text. A pale grey footer can be difficult to read even when the main offer looks clear. Dark-mode rendering can expose a different problem, such as a background changing while the text stays dark.

For normal text, WCAG's Level AA contrast criterion uses 4.5:1. Large text uses 3:1, with a specific definition of large text: at least 18pt, or 14pt bold. Use a contrast measurement for the relevant text and background colors; a screenshot viewed at a glance is not a measurement. See W3C's contrast guidance for the criterion and exceptions.

Compare the same campaign in named clients, such as Apple Mail on iPhone and Gmail on Android, using the available light/dark targets. For a client-specific color problem, continue with the dark-mode testing guide.

Try larger text and keyboard navigation

In a received test email, enlarge the text or use the client's available zoom controls. Look for clipped sentences, overlapping blocks and buttons whose labels no longer fit. Read the whole message, including the footer.

On desktop, use the keyboard to move through the message's links. Check that you can tell where focus is and reach the intended action. On a phone, check that neighboring links are separated enough to tap deliberately. These hands-on checks complement the static audit; the available email-client controls affect how you perform them.

Turn an audit finding into a specific fix

MailSlurp groups findings so you can inspect their evidence and recommended action. The labels help you decide what to do next:

  • Fix: investigate the reported failure and correct the affected content or resource.
  • Warning: read the finding and decide what needs changing for this message.
  • Review: complete the manual check or investigate missing information. It is not a pass.
  • Passed: that check found no issue within its scope.
  • Not applicable: the check does not apply to this message.

An older audit may not contain the latest checks. If the result says they are unavailable, run a new audit rather than treating their absence as success. The Email Audit documentation explains the result and repeat-test workflow.

Suppose the campaign's only booking action is a linked image with no meaningful alternative. Add a real text button labeled "Book the October workshop," supply the appropriate image alternative, and send a new test from the ESP. Audit the new message, inspect the button in device previews and confirm that a screen reader announces the intended action.

Approve the revised message

Check the changed section and the rest of the email after the fix. A longer button label can wrap; moving offer details into text can change spacing. Keep the audit and previews tied to the same campaign revision so the team reviews the version it plans to send. The email preview approval guide explains how to compare revisions and resolve feedback.

Automated findings support accessibility review. They do not certify WCAG conformance or legal compliance. W3C's preliminary accessibility checks likewise describe an initial review rather than a complete evaluation. Include assistive-technology testing and specialist review where your requirements call for them.

If you also need to know whether the campaign reaches inbox or spam, run inbox placement testing separately. A readable email and a successful rendering result answer different questions from delivery-folder placement.

Start with MailSlurp Email Audit, then use the findings to choose the next fix. The aim is a campaign your readers can understand and act on in the email clients they actually use.