Skip to content
  • About
  • Resources/Links
  • Articles
  • About
  • Resources/Links
  • Articles

a11y.email

Tag

Code

24 Posts

Featured

Component
Dynamic Images, Alt Text, and Accessibility
Posted bySarahjoga
Dynamic Images, Alt Text, and Accessibility
Alert
Interactive Emails and Accessibility – Part 3
Posted bySarahjoga
Interactive Emails and Accessibility – Part 3
Alert
Interactive Emails and Accessibility – Part 2
Posted bySarahjoga
Interactive Emails and Accessibility – Part 2
Alert
Interactive Emails and Accessibility – Part 1
Posted bySarahjoga
Interactive Emails and Accessibility – Part 1

Dynamic Images, Alt Text, and Accessibility

  • Posted inComponent
  • Posted bySarahjoga
  • May 1, 2025May 1, 2025
A screenshot of Sarah's inbox where the alt text of dozens of images read: Display images to show real-time content. Lame!

Let’s talk about dynamic images – oh yea! Everyone loves them, no one wants to think about alt text. Le sigh.

Interactive Emails and Accessibility – Part 3

  • Posted inAlert
  • Posted bySarahjoga
  • March 5, 2025March 5, 2025
Screenshot of a simplistic carousel design with left/right arrows.

In part 3 we’re getting into the very granular details of how we can’t make interactive content accessible and why we’re so limited in email.

Interactive Emails and Accessibility – Part 2

  • Posted inAlert
  • Posted bySarahjoga
  • February 26, 2025February 26, 2025
Screenshot of a simplistic carousel design with left/right arrows.

This week we’re getting into the specific experiences that interactive elements create for assistive technology users and some of the ways we can get around them.

Interactive Emails and Accessibility – Part 1

  • Posted inAlert
  • Posted bySarahjoga
  • February 20, 2025February 20, 2025
Screenshot of a simplistic carousel design with left/right arrows.

I have dug into this topic and picked apart numerous examples of interactive content and it just can’t happen and I wanted to break this apart so that you can either do your own digging or review purported solutions for yourself.

Basics – Color in Email 

  • Posted inBasic
  • Posted bySarahjoga
  • December 18, 2024December 18, 2024
Screenshot of different email client tests of different colors in different dark mode color changes.

Color contrast is at once one of the easiest accessibility criteria to meet and one of the most overlooked.

Basics – The Accessible Digital Ecosystem

  • Posted inBasic
  • Posted bySarahjoga
  • December 4, 2024December 13, 2024
Artist illustration cosmic explorer universe

We’re digging deep into the WCAG and how it works to guide us on our path to accessible digital content. The WCAG is quite a bit more complex than you might think and not as clear as you might hope, especially when we’re talking about our weird corner of development in email marketing.

Re: Image Based Emails – Your brand font is dead

  • Posted inBasic
  • Posted bySarahjoga
  • September 18, 2024September 18, 2024
A screenshot of an Apple AirPods Pro email using a dyslexia font extension that changes the live text to a dyslexic-friendly font.

Stop using images of text – use live text instead – people use browser extensions to adjust the text on their page and that can’t work with images of text!

Landmarks in Email

  • Posted inComponent
  • Posted bySarahjoga
  • September 4, 2024September 4, 2024
A screenshot showing an email template with landmarks visible in bright pink. Each landmark says 'Company Name' and then the kind of landmark in parentheses.

Email clients do support landmarks and they should definitely be used (sparingly) to let users navigate emails more easily.

Why image-based emails are bad

  • Posted inBasic
  • Posted bySarahjoga
  • August 21, 2024August 21, 2024
Screenshot example of an email that is image-based and provides very little content to the user. Only the nav bar and footer text are accessible content.

TLDR; Just don’t.

Links Deep Dive Part 4

  • Posted inBasic
  • Posted bySarahjoga
  • December 13, 2023December 13, 2023
Deep ocean water showing just how deep we're going to get on this topic.

Today, in Part 4, I’m taking a bit of a step back and asking a broader question about why we feel the need to link everything. That’s right, I’m talking about an accessible linking strategy.

Posts cz-pagination

1 2 3 Next Posts
a11y.email
WordPress theme by componentz
Hit enter to search or ESC to close