How we made the worst egg mail in the world accessible

April 5, 2025

Create your very own Auto Publish News/Blog Site and Earn Passive Income in Just 4 Easy Steps

Step 1: Start with an accessible foundation

At the center of all of our e -mails is a basis for HTML, CSS and real text, with which all of our campaigns are accessible. While many brands choose all-image emails, we use it to use as much text as possible-with CSS to keep them on the brand so that people who use assistive technology such as screen readers have actual content on consumption.

Our retro lacquer Weekly is no different. While it is strongly designed, all of this happens with CSS instead of Photoshop.

If you dig into the codeYou will see a number of HTML, CSS and semantic Markup, which not only human and machine-readable content, but also a context for what this content actually means. You will also see a whole series of HTML tables that can be confusing for people who use screen tables. If we know that, we will apply An Aria role For each table element to prevent it from being read as a table.

The presentation role Exactly does what it sounds: every assistive technology says that the element is only used for the presentation. So don't worry about doing something with it. This prevents screen readers from reading every single series of table and cell to users, which is a very terrifying experience.

Speaking of hiding from things in front of readers, which we also use a similar Aria feature for these 90s inspired balls. Instead of using an Aria role, we insert the “Aria-Verstilzkleck” attribute into the button images:

Since the balls are purely decorative, we remove them in harmony The Aria specificationWhat aims to improve the experience of the users of auxiliary technology by eliminating redundant or foreign content.

The importance of e -mail accessibility

One of four adults in the United States (Us) and European Union have a disability and it is global One of six. Nevertheless, the challenges of accessibility in digital rooms such as e -mails are often overlooked.

These disabilities include visual disturbances, color blindness, dyslexia, cognitive disabilities, age -related impairments, situational challenges (such as a broken arm) and more.

If your e -mails are not accessible, you miss a large audience – and leave considerable income on the table, with an estimated Annually available income of 1 trillion US dollar.

Are you looking for tools that help with E -Mail barrier -free? Lacchmus' installed Accessibility tools Make sure that your e -mails can be read and experienced by everyone.

This is how it works:

↳ Source: From compliance with the connection: Why companies have to take the e -mail accessibility

This includes:

Visual impairment filter This will check how your e -emails for subscribers with visual impairments are displayed in four color vision deficiency filters.
Automatic barrier -free tests In more than 40 areas of accessibility – plus instructions on the topics discovered.
NVDA screen reader preview This supports over 80 languagesPresent Help the screen readers to transcribe your message carefully.

Get an overview of these functions Our help page.

Unlock endless income

Let's take a look at how much e-mail-controlled income you could leave on the table.

Calculate the ROI

Step 2: Add old text to gifs, pictures and animations

A retro -e -e -mail newsletter is not complete without ridiculous Animated gifs And relapse images that you can see continuously – from the selection modem gif at the top to the visitor count below.

In order to keep all images accessible, we have recorded alternative text (Alt -Text) to describe people with the help of auxiliary technology. For example, the GIF describes what this picture is with the “voting for progress”: 'Progress of the choice' with a picture of a computer that is associated with animated points with a rotating globe.

An animated gif of a vintage computer with ellipses and a globe turns. Read text above

And this collection of unpleasant yearbook photos from the litmus crew? The old text reads “Composite from head shots from the 90s of the litmus marketing department. “

Alt-Text is one of the best ways to increase the accessibility of your emails for both viewed and not located users. Even if someone can see these pictures There is no guarantee that they are displayed in the inbox. Alt text helps your message, no matter what happens.

Step 3: If possible, make progressive improvements if possible

Progressive improvement means to design first for the basics -the e -mails -e emails for older customers, desktops and browsers work well to add functions for improved experiences in which they are supported.

A great example in this litmus weekly newspaper – and one of my favorite knitting in this issue – is the use of one of the biggest HTML tags ever: Marquee!

You have probably noticed the image date under the animated litmus Weekly Logo. While many people thought it was just another gif, it is actually live animation text.

Litmus Weekly's hero banner with the litmus logo,

Marquee was first introduced in older versions of Microsoft's Internet Explorer and enables scrolling and moving text in her document. It's old It is outdatedBut it's certainly nice. And since it encourages the live text contained in the HTML, it is naturally accessible to auxiliary technology.

Apart from that, the movement for some users could distract. So use elements such as Marquee (or another animation) carefully.

The accessibility does not have to be boring

We had so much fun creating our retro litmus weekly. It is even more important, we are thrilled that we didn't have to sacrifice E -mail accessibility for designEven if you bring ridiculous design trends back from the past decades. Access -free e -mails can work well and look good (or terrible, depending on your taste).

Would you like to make your e -mails more accessible? Our Ultimate guidelines for e -mail accessibility Go through everything you need to know about accessibility – from the copy to the code.

Accessibility made easy

Creating accessible e -mails is no longer optional – it is required. Learn more about the effects of accessibility on brands from two industry experts.

Watch now