{"id":71638,"date":"2025-04-05T05:12:34","date_gmt":"2025-04-05T05:12:34","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/05\/how-we-made-the-worlds-worst-email-accessible\/"},"modified":"2025-04-05T05:13:54","modified_gmt":"2025-04-05T05:13:54","slug":"how-we-made-the-worlds-worst-email-accessible","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/04\/05\/how-we-made-the-worlds-worst-email-accessible\/","title":{"rendered":"How We Made the World’s Worst Email Accessible"},"content":{"rendered":"

<\/a>\n<\/p>\n

\n

Step 1: Begin with an accessible basis<\/span><\/h2>\n

On the coronary heart of all of our emails is a basis of HTML, CSS, and actual textual content that helps preserve all of our campaigns accessible. Whereas a whole lot of manufacturers go for all-image emails, we choose utilizing as a lot textual content as doable\u2014styled with CSS to maintain it on model\u2014so that folks utilizing assistive know-how like display screen readers have precise content material to eat.<\/span><\/p>\n

Our retro Litmus Weekly is not any completely different. Whereas it\u2019s closely styled, all of that occurs with CSS as a substitute of Photoshop.<\/span><\/p>\n

Should you <\/span>dig into the code<\/span><\/a>, you\u2019ll see a bunch of HTML, CSS, and semantic markup that gives not solely human- and machine-readable content material, however context for what that content material truly means. You\u2019ll additionally see an entire bunch of HTML tables, too, which might be complicated for individuals utilizing display screen readers. Realizing this, we apply <\/span>an ARIA role<\/span><\/a> to each desk factor to forestall it from being learn as a desk.<\/span><\/p>\n

The presentation role<\/span><\/a> does precisely what it seems like: it tells any assistive know-how that the factor is used for presentation solely, so don\u2019t hassle doing something with it. It\u2019s what prevents display screen readers from studying out each particular person desk row and cell to customers, which is a really jarring expertise.<\/span><\/p>\n

Talking of hiding issues from display screen readers, we use an analogous ARIA function for these 90s-inspired bullets, too. As an alternative of utilizing an ARIA function, although, we embody the \u201caria-hidden\u201d attribute on the button photos:<\/span><\/p>\n

\"\"<\/span><\/code><\/p>\n

Because the bullets are purely ornamental, we\u2019re eradicating them in keeping with <\/span>the ARIA spec<\/span><\/a>, which goals to enhance the expertise for assistive know-how customers by eliminating redundant or extraneous content material.<\/span><\/p>\n

The significance of e mail accessibility<\/span><\/h3>\n

One in 4 adults within the <\/span>United States<\/span><\/a> (U.S.) and <\/span>European Union<\/span><\/a> have a incapacity, and globally, it\u2019s <\/span>one in six<\/span><\/a>. But, accessibility challenges in digital areas like e mail are sometimes neglected.<\/span><\/p>\n

These disabilities embody imaginative and prescient impairments, shade blindness, dyslexia, cognitive disabilities, age-related impairments, situational challenges (like a damaged arm), and extra.<\/span><\/p>\n

In case your emails aren\u2019t accessible, you\u2019re lacking out on a big viewers\u2014and leaving vital income on the desk, with an estimated <\/span>$1 trillion in annual disposable income<\/span><\/a>.<\/span><\/p>\n

In search of instruments to assist with e mail accessibility? Litmus\u2019 built-in <\/span>accessibility tools<\/span><\/a> assist guarantee your emails might be learn and skilled by all.<\/span><\/p>\n

Right here\u2019s the way it works:<\/span><\/p>\n

\u21b3 Supply: From compliance to connection: Why businesses must embrace email accessibility<\/a><\/em><\/p>\n

These embody:<\/span><\/p>\n