• Home
  • Contact
No Result
View All Result
Blogs
  • Home
  • Contact
No Result
View All Result
Blogs
No Result
View All Result

How We Made the World’s Worst Email Accessible

admin by admin
April 3, 2025
in Marketing Automation
Share on FacebookShare on Twitter


Step 1: Start with an accessible foundation

At the heart of all of our emails is a foundation of HTML, CSS, and real text that helps keep all of our campaigns accessible. While a lot of brands opt for all-image emails, we prefer using as much text as possible—styled with CSS to keep it on brand—so that people using assistive technology like screen readers have actual content to consume.

Our retro Litmus Weekly is no different. While it’s heavily styled, all of that happens with CSS instead of Photoshop.

If you dig into the code, you’ll see a bunch of HTML, CSS, and semantic markup that provides not only human- and machine-readable content, but context for what that content actually means. You’ll also see a whole bunch of HTML tables, too, which can be confusing for people using screen readers. Knowing this, we apply an ARIA role to every table element to prevent it from being read as a table.

The presentation role does exactly what it sounds like: it tells any assistive technology that the element is used for presentation only, so don’t bother doing anything with it. It’s what prevents screen readers from reading out every individual table row and cell to users, which is a very jarring experience.

Speaking of hiding things from screen readers, we use a similar ARIA feature for those 90s-inspired bullets, too. Instead of using an ARIA role, though, we include the “aria-hidden” attribute on the button images:

Since the bullets are purely decorative, we’re removing them in line with the ARIA spec, which aims to improve the experience for assistive technology users by eliminating redundant or extraneous content.

The importance of email accessibility

One in four adults in the United States (U.S.) and European Union have a disability, and globally, it’s one in six. Yet, accessibility challenges in digital spaces like email are often overlooked.

These disabilities encompass vision impairments, color blindness, dyslexia, cognitive disabilities, age-related impairments, situational challenges (like a broken arm), and more.

If your emails aren’t accessible, you’re missing out on a large audience—and leaving significant revenue on the table, with an estimated $1 trillion in annual disposable income.

Looking for tools to help with email accessibility? Litmus’ built-in accessibility tools help ensure your emails can be read and experienced by all.

Here’s how it works:

↳ Source: From compliance to connection: Why businesses must embrace email accessibility

These include:

  • Visual impairment filters that check how your email displays for subscribers with visual impairments across four color vision deficiency filters.
  • Automatic accessibility checks across 40+ accessibility areas—plus guidance on any discovered issues.
  • NVDA screen reader previews that support over 80 languages, helping screen readers accurately transcribe your message.

Get an overview of these features on our Help site.

Unlock endless revenue

Let’s take a look at how much email-driven revenue you could be leaving on the table.

Step 2: Add alt text to GIFs, images, and animations

A retro email newsletter isn’t complete without some ridiculous animated GIFs and throwback images, which you can see throughout—from the dialing modem GIF up top to the visitor counter down below.

To keep all of the images accessible, we included alternative text (alt text) to describe them to people using assistive technology. For example, the “dialing progress” GIF describes what that image is: ‘Dialing progress’ with an image of a computer connecting to a rotating globe with animated dots.

an animated GIF of a vintage computer, with an ellipses and a globe spinning. Text on top reads


And that collection of awkward yearbook photos from the Litmus crew? The alt text reads “
composite of headshots from the 90s of the Litmus marketing department.”

Alt text is one of the best ways to increase the accessibility of your emails, both for sighted and non-sighted users. Even if someone can see those images, there’s no guarantee that they’ll be displayed in the inbox. Alt text helps your message get through no matter what.

Step 3: Make progressive enhancements when possible

Progressive enhancement means designing for the basics first—ensuring emails function well on older clients, desktops, and browsers—then adding features for enhanced experiences where supported.

A great example in this Litmus Weekly—and one of my favorite tricks in this issue—is the use of one of the greatest HTML tags of all time: marquee!

You probably noticed the scrolling date underneath the animated Litmus Weekly logo. While a lot of folks thought it was just another GIF, it’s actually live animated text.

The hero banner of Litmus Weekly, featuring the Litmus logo, 'Weekly' animated as a rainbow pop out, and '1 April 1997' as a marquee effect.


First introduced in older versions of Microsoft’s Internet Explorer, marquee allows you to scroll and move text around your document. It’s old,
it’s deprecated, but it sure is beautiful. And, since it’s animating the live text included in the HTML, it’s inherently accessible to assistive technology.

That being said, the movement could be distracting to some users, so use elements like marquee (or any other animation) cautiously.

Accessibility doesn’t have to be boring

We had so much fun creating our retro Litmus Weekly. More importantly, we’re thrilled that we didn’t have to sacrifice email accessibility for design, even when bringing back ridiculous design trends from decades past. Accessible emails can work well and look good (or terrible, depending on your tastes).

Want to make your emails more accessible? Our Ultimate Guide to Email Accessibility goes over everything you need to know about accessibility—from copy to code.

Accessibility made simple

Creating accessible emails is no longer optional—it’s required. Learn about accessibility’s impact on brands from two industry experts.

Originally written and published by Jason Rodriguez on April 8, 2021.



Source link

Related Posts

Inside Google’s Ranking Algorithms: Insights From The DOJ Antitrust Case
Marketing Automation

Inside Google’s Ranking Algorithms: Insights From The DOJ Antitrust Case

You know those moments when you Google something simple—like What temperature should chicken be cooked to?—and instead of getting...

by admin
July 7, 2025
How to prepare for, navigate, and thrive through summer slumps — according to marketing experts
Marketing Automation

How to prepare for, navigate, and thrive through summer slumps — according to marketing experts

Every summer, a familiar shift hits marketing teams. Engagement cools, inboxes slow, and campaign results taper off just as...

by admin
July 7, 2025
Marketing Automation

Open Rates Are Dying: Here’s What Actually Matters Now in Email Marketing

Open rates are dying; here’s what actually matters now in email marketing, largely due to privacy changes from companies...

by admin
July 7, 2025
Why is Wispr Flow different from other dictation apps?
Marketing Automation

Why is Wispr Flow different from other dictation apps?

I'm your stereotypical Apple fangirl. All my devices are Apple, and I love the way the hardware and software...

by admin
July 7, 2025

POPULAR POSTS

  • Scheduling Instagram Reels: The Complete Guide

    Scheduling Instagram Reels: The Complete Guide

    0 shares
    Share 0 Tweet 0
  • How to set up Discord Server Subscriptions + Shops

    0 shares
    Share 0 Tweet 0
  • How to Use Instagram Collab Posts (+ Ideas to Boost Engagement and Reach)

    0 shares
    Share 0 Tweet 0
  • The Best Time to Post on LinkedIn in 2024 (+Heatmap Graph)

    0 shares
    Share 0 Tweet 0
  • How to Add a Link to an Instagram Story (3 Steps + Examples)

    0 shares
    Share 0 Tweet 0

© MarTechs All rights reserved.

Use of these names, logos, and brands does not imply endorsement unless specified. By using this site, you agree to the Privacy Policy

Navigate Site

  • Home
  • About
  • Services
  • Contact

Newsletter Sign Up.

Loading
No Result
View All Result
  • Home
  • Contact

© 2025 JNews - Premium WordPress news & magazine theme by Jegtheme.