{"id":4235,"date":"2026-03-24T12:09:07","date_gmt":"2026-03-24T16:09:07","guid":{"rendered":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails\/"},"modified":"2026-03-24T12:09:09","modified_gmt":"2026-03-24T16:09:09","slug":"ultimate-guide-accessible-emails","status":"publish","type":"post","link":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails","title":{"rendered":"2026 Guide to Creating Accessible Emails"},"content":{"rendered":"\n\n\t<div id=\"simple-text-block-block_219571785f4b3d59957a1f603c9dff54\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<table class=\"mt-3 mb-3\" style=\"background-color: #f2f3f6;\">\n<tbody>\n<tr>\n<td class=\"block-1\" style=\"padding: 20px;\">\n<h3>Key takeaways \u2728<\/h3>\n<ul>\n<li><strong>Making your emails accessible ensures more people can engage with your content<\/strong>, including people with significant spending power.<\/li>\n<li><strong>Accessibility isn\u2019t optional<\/strong>\u2014it matters legally and for business. Following recognized standards\u2014like WCAG\u2014helps you stay compliant.<\/li>\n<li><strong>Make small design and writing tweaks<\/strong>, like good color contrast, clear heading structure, and descriptive alt text, to help everyone\u2014not just people with disabilities.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">You strive to deliver the perfect email experience to your subscribers. But if you&#8217;re glossing over email accessibility, you could be alienating those with visual, physical, cognitive, and neurological disabilities.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Read on to learn how to make your emails more accessible for all of your subscribers.<\/span><\/p>\n<h3>Table of contents<\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#what\"><span style=\"font-weight: 400;\">What is email accessibility?<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#why\"><span style=\"font-weight: 400;\">Why does email accessibility matter?<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#types\"><span style=\"font-weight: 400;\">Types of disabilities to consider in email marketing<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#best-practices\"><span style=\"font-weight: 400;\">Accessibility best practices for email marketers<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#educate\"><span style=\"font-weight: 400;\">Educate your teams to scale accessibility adherence<\/span><\/a><\/li>\n<li><a rel=\"noopener\" href=\"#action\"><span style=\"font-weight: 400;\">Email accessibility in action<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#tools\"><span style=\"font-weight: 400;\">Accessibility tools for email marketing<\/span><\/a><\/li>\n<\/ul>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_e83eaedcbbeac79671cb087be0089d10\" class=\"block-simple-text-block alignfull bg-texture \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h2 id=\"what\"><span style=\"font-weight: 400;\">What is email accessibility?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Accessibility is one of the founding pillars of user experience and design. Email accessibility means making sure that everyone can read, understand, and interact with your message, including people with disabilities and those who use assistive devices.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can think of accessibility in email as an extension of dealing with<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-client-market-share\/\"><span style=\"font-weight: 400;\">email clients<\/span><\/a><span style=\"font-weight: 400;\"> with poor support. Including workarounds and<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/fallbacks-for-interactive-email-how-to-combat-limited-support-for-interactivity\/\"><span style=\"font-weight: 400;\">fallbacks<\/span><\/a><span style=\"font-weight: 400;\"> ensures every subscriber receives a positive experience, helping you reach a wider audience and while building trust and loyalty with your subscribers.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">What are WCAG guidelines?<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The main standard for email accessibility is the<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/WCAG\/\"><span style=\"font-weight: 400;\">Web Content Accessibility Guidelines (WCAG)<\/span><\/a><span style=\"font-weight: 400;\">. These internationally recognized standards outline how to make websites, apps, and other digital properties accessible to people with disabilities. It was developed by<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/\"> <span style=\"font-weight: 400;\">the World Wide Web Consortium (W3C)<\/span><\/a><span style=\"font-weight: 400;\"> under its<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/WAI\/\"> <span style=\"font-weight: 400;\">Web Accessibility Initiative (WAI)<\/span><\/a><span style=\"font-weight: 400;\">, and is updated to incorporate new accessibility considerations.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Most importantly, WCAG conformance means your business is meeting standards that are supported by U.S. and international accessibility laws. While WCAG isn\u2019t a law on its own, it\u2019s the widely recognized guide for making web and digital experiences accessible to everyone.<\/span><\/p>\n<figure id=\"attachment_108486\" aria-describedby=\"caption-attachment-108486\" style=\"width: 1652px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-full wp-image-108486\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance.png\" alt=\"Illustration of WCAG (Web Content Accessibility Guidelines) levels. It shows three levels: Level A (minimum), Level AA (recommended), and Level AAA (highest). Arrows connect the levels to three regions: US\/ADA, EU\/EEA, and CA\/ACA, each marked with their respective flags.\" width=\"1652\" height=\"917\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance.png 1652w, https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance-300x167.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance-1024x568.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance-768x426.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_WCAG-Governance-1536x853.png 1536w\" sizes=\"(max-width: 1652px) 100vw, 1652px\" \/><figcaption id=\"caption-attachment-108486\" class=\"wp-caption-text\">Source: <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/why-businesses-must-embrace-email-accessibility\" target=\"_blank\" rel=\"noopener\">From compliance to connection: Why businesses must embrace email accessibility<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">There are three<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/WAI\/WCAG2AAA-Conformance\"><span style=\"font-weight: 400;\">levels of conformance<\/span><\/a><span style=\"font-weight: 400;\">:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Level A (lowest): <\/b><span style=\"font-weight: 400;\">the minimum level of accessibility.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Level AA (mid-range):<\/b><span style=\"font-weight: 400;\"> includes all Level A requirements and more. Many organizations aim to meet this level.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Level AAA (highest):<\/b><span style=\"font-weight: 400;\"> includes all Level A, AA, and additional AAA requirements.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">WCAG standards are based on four main principles, often referred to as <\/span><i><span style=\"font-weight: 400;\">POUR<\/span><\/i><span style=\"font-weight: 400;\">: perceivable, operable, understandable, and robust.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Perceivable:<\/b><span style=\"font-weight: 400;\"> information should be presented in a way that people can access through one of their senses, ensuring they can understand all related content.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Operable<\/b><span style=\"font-weight: 400;\">: users must be able to interact with all elements of a webpage. For example, the site should be navigable using just a keyboard or voice controls, catering to non-mouse users.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Understandable:<\/b><span style=\"font-weight: 400;\"> web content and functionality should be clear and easy to understand for all users.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Robust<\/b><span style=\"font-weight: 400;\">: your website must work well for all users, including those using assistive technologies, and remain compatible with evolving technologies and user needs.<\/span><\/li>\n<\/ul>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_2558ef7d3348d0cf2ce1cc5f5b08a9b6\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h2 id=\"why\"><span style=\"font-weight: 400;\">Why does email accessibility matter?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Email is one of the most widely used ways people communicate, both personally and professionally. And it&#8217;s not going anywhere\u2014by 2027, there will be <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.statista.com\/statistics\/255080\/number-of-e-mail-users-worldwide\/\"><span style=\"font-weight: 400;\">4.89 billion email users <\/span><\/a><span style=\"font-weight: 400;\">worldwide, according to Statista. Our own research has found that subscribers spend an average of <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/trends-in-email-engagement\"><span style=\"font-weight: 400;\">8.97 seconds with an email<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">But despite email\u2019s reach, accessibility is often overlooked. Here\u2019s why making emails accessible to everyone is essential:<\/span><\/p>\n<h3>1. Disabilities affect a large share of the population\u2014and that includes email users<\/h3>\n<p><span style=\"font-weight: 400;\">One in four adults in the<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.cdc.gov\/disability-and-health\/articles-documents\/disability-impacts-all-of-us-infographic.html\"> <span style=\"font-weight: 400;\">United States<\/span><\/a><span style=\"font-weight: 400;\"> (U.S.) and<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.consilium.europa.eu\/en\/infographics\/disability-eu-facts-figures\/\"><span style=\"font-weight: 400;\">European Union<\/span><\/a><span style=\"font-weight: 400;\"> have a disability. On a worldwide scale, that number extends to<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/disability-and-health\"> <b>one in six<\/b><\/a><span style=\"font-weight: 400;\">. Yet, accessibility challenges in digital spaces, including email, are often overlooked.<\/span><\/p>\n\n\n\n<div class=\"quote my-5 col-12 blue-quote\" >\n\t\n\t<div class=\"row d-flex align-items-center\">\n\t<div class=\"col-12 col-lg-9\">&#8220;<em>Too often accessibility is framed as designing for someone, if that&#8217;s an edge case or a small segment. But the truth is it&#8217;s one of the largest audiences we design for.<\/em>&#8220;<\/div>\n\t<div class=\"col-12 col-lg-3 text-center\">\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/11\/lauren-castady.jpg\" alt=\"Lauren Castady\" width=\"125\" height=\"125\" class=\"mt-3 mt-lg-0\">\t<p><strong>Lauren Castady<\/strong>\t<br><span class=\"quote-title\">Design Leader, Accessibility Advocate &amp; Creative Consultant at LC Creative<\/span><\/p>\t<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/lcastady\/\" target=\"blank\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\t<\/div>\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\">Here\u2019s how some common disabilities impact email engagement:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Vision impairments:<\/b><span style=\"font-weight: 400;\"> according to t<\/span>he<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.who.int\/news-room\/fact-sheets\/detail\/blindness-and-visual-impairment\"> World Health Organization<\/a><span style=\"font-weight: 400;\"> (WHO), at least 2.2 billion people globally have near or distance vision impairment.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Color blindness:<\/b><span style=\"font-weight: 400;\"> affects 1 in 12 men (8%) and<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.colourblindawareness.org\/colour-blindness\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">1 in 200 women (0.5%)<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Dyslexia:<\/b><span style=\"font-weight: 400;\"> impacts<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.dyslexia-reading-well.com\/dyslexia-statistics.html#google_vignette\"><span style=\"font-weight: 400;\">15% of people<\/span><\/a><span style=\"font-weight: 400;\">, making reading difficult for over 30 million adults in the U.S. alone.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Cognitive disabilities:<\/b><span style=\"font-weight: 400;\"> affect<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.mcknights.com\/news\/cdc-report-cognitive-disability-tops-list-of-disabilities-in-us-adults\/\"><span style=\"font-weight: 400;\">13.9% of U.S. adults<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Aging population:<\/b><span style=\"font-weight: 400;\"> by 2030,<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.who.int\/health-topics\/ageing#tab=tab_1\"><span style=\"font-weight: 400;\">1.4 billion people will be 60 or older<\/span><\/a><span style=\"font-weight: 400;\">, often experiencing vision and cognitive changes.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Situational disabilities:<\/b><span style=\"font-weight: 400;\"> for example, a broken arm can limit an individual&#8217;s interaction with digital content.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">If your emails don\u2019t prioritize<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-accessibility-for-designers-8-best-practices-you-should-follow\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">accessible design<\/span><\/a><span style=\"font-weight: 400;\">, you\u2019re missing out on a huge audience\u2014and potential customers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beyond disabilities, accessibility also helps those with limited internet access or older devices. Even in affluent countries, slow connections and old technology can impact a user&#8217;s ability to have a good user experience. Accessible design is one way to help mitigate these barriers.<\/span><\/p>\n<h3>2. Accessibility is a legal requirement<\/h3>\n<p><span style=\"font-weight: 400;\">Over the years, governments worldwide have established accessibility laws:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.ada.gov\/\"><b>Americans with Disabilities Act<\/b><\/a><b> (1990, U.S.)<\/b> <b>and<\/b><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.gov.uk\/society-and-culture\/equality\"> <b>Equality Act (2010, U.K.)<\/b><\/a><span style=\"font-weight: 400;\"> helped set foundational accessibility requirements.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\"><b>WCAG<\/b><\/a><b> and<\/b><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.section508.gov\/\"> <b>Section 508<\/b><\/a><span style=\"font-weight: 400;\"> provide web accessibility guidelines, critical for industries like healthcare, finance, and government.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/employment-social-affairs.ec.europa.eu\/policies-and-activities\/social-protection-social-inclusion\/persons-disabilities\/union-equality-strategy-rights-persons-disabilities-2021-2030\/european-accessibility-act_en\"><b>The European Accessibility Act (EAA)<\/b><\/a> of<span style=\"font-weight: 400;\"> 2025 expands digital accessibility standards.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Failing to meet these standards can result in legal issues\u2014but more importantly, it excludes people who rely on accessible digital experiences.<\/span><\/p>\n<h3>3. Accessibility also helps drive business results<\/h3>\n<p><span style=\"font-weight: 400;\">Email strategy, design, and development shouldn\u2019t be driven by compliance alone. Making emails accessible expands your reach to a wider audience, including those who might otherwise struggle to engage.<\/span><\/p>\n<p>Beyond being\u00a0the ethical choice, accessible design also leads to stronger business outcomes.\u00a0By making your\u00a0emails\u00a0accessible, you help reach a wider audience and boost engagement.\u00a0<a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/combining-segmentation-and-personalization#flywheel\">Boosting engagement also helps improve your deliverability<\/a>\u00a0so\u00a0more emails land in the inbox!\u00a0Win-win-win.<\/p>\n<p>You\u2019re\u00a0also leaving revenue on the table if your emails\u00a0aren\u2019t\u00a0accessible.\u00a0The ROD Group estimates that people with disabilities\u201428.7% of adults in the U.S.\u2014control over<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.rod-group.com\/wp-content\/uploads\/2024\/09\/The-Global-Economics-of-Disability-2024-The-Return-on-Disability-Group-September-24-2024.pdf?https%3A%2F%2Fwww.rod-group.com%2Fresearch-insights%2Fannual-report-2024%2F\">\u00a0<\/a><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.rod-group.com\/wp-content\/uploads\/2024\/09\/The-Global-Economics-of-Disability-2024-The-Return-on-Disability-Group-September-24-2024.pdf?https%3A%2F%2Fwww.rod-group.com%2Fresearch-insights%2Fannual-report-2024%2F\">$1 trillion\u00a0in annual disposable income.<\/a><\/p>\n<p><span style=\"font-weight: 400;\">Plus, with today\u2019s tools and technology, there\u2019s no excuse for inaccessible email campaigns. Prioritizing accessibility isn\u2019t just the right thing to do\u2014it\u2019s a smart business move that improves the experience for everyone, including those with temporary impairments.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Types of disabilities to consider in email marketing<\/span><\/h2>\n<p><span lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\">When it comes to email accessibility,\u00a0it&#8217;s\u00a0important to consider\u00a0all disabilities. This includes\u00a0common disabilities like visual and hearing impairments, as well as cognitive or learning disabilities.<\/span><\/p>\n\n\n\n<div class=\"quote my-5 col-12 blue-quote\" >\n\t\n\t<div class=\"row d-flex align-items-center\">\n\t<div class=\"col-12 col-lg-9\">&#8220;<em>If you design email long enough, you learn pretty quick that you&#8217;re not designing for edge cases, you&#8217;re designing for real life because a hundred percent of people experience situational or temporary impairments.<\/em>&#8220;<\/div>\n\t<div class=\"col-12 col-lg-3 text-center\">\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/11\/lauren-castady.jpg\" alt=\"Lauren Castady\" width=\"125\" height=\"125\" class=\"mt-3 mt-lg-0\">\t<p><strong>Lauren Castady<\/strong>\t<br><span class=\"quote-title\">Design Leader, Accessibility Advocate &amp; Creative Consultant at LC Creative<\/span><\/p>\t<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/lcastady\/\" target=\"blank\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\t<\/div>\t<\/div>\n<\/div>\n\n<p><span style=\"font-weight: 400;\">Assistive technologies help people access content in different ways. For example, <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/special-characters-emojis-line-breaks-more-tricks-for-optimizing-your-emails-for-screen-readers\">screen readers<\/a> and magnifiers assist those with visual impairments, while head pointers or eye tracking support individuals with physical disabilities. Additionally, text readers or dictation software can help people with cognitive or learning challenges.<\/span><\/p>\n\n<div class=\"container pt-3 pb-5 px-1\">\n\t<div class=\"row blog-cta-green rounded-5 p-4\">\n\t\t<div class=\"mx-auto col-12\">\n\t\t\t<div class=\"row d-flex align-items-center\">\n\t\t\t<div class=\"col-12 text-center\">\n\t\t\t\t<p class=\"bold fs-4\">Create emails that everyone can experience<\/p>\n\t\t\t\t<p>Maximize your email\u2019s impact by designing accessible content for all. Accessibility checks are always at your fingertips with Litmus.<\/p>\n\t\t\t\t<button class=\"button-blue arrow\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-builder\" class=\"text-white text-decoration-none\">Build Accessible Emails<\/a><\/button>\n\t\t\t<\/div><!--col-6-->\n\t\t\t<div class=\"d-none\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/07\/blog-cta-email-guardian-07292024.svg\" width=\"210\" height=\"180\" alt=\"\">\n\t\t\t<\/div><!--col-6-->\n\t\t\t<\/div> <!--row-->\n\t\t<\/div><!--col-12-->\n\t<\/div><!--row-->\n<\/div><!--container-->\n\t\n\t\n\t\n\t\n\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_192d94824ecbbbeb038ad7f159f3ab5a\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h2 id=\"best-practices\">Accessibility best practices for email marketers<\/h2>\n<p>In this section, we&#8217;ll cover the best practices and considerations for make email accessible. Keep reading or jump ahead:<\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#visual-aspects\"><span style=\"font-weight: 400;\">Consider the visual aspects of email accessibility in your design<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#color-intelligently\"><span style=\"font-weight: 400;\">Use color intelligently<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#no-harmful-content\"><span style=\"font-weight: 400;\">Don\u2019t create harmful content<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#balance\"><span style=\"font-weight: 400;\">Balance text and images<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#larger\"><span style=\"font-weight: 400;\">Use larger font sizes<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#space\"><span style=\"font-weight: 400;\">Give copy space<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#justified\"><span style=\"font-weight: 400;\">Avoid justified copy in your email<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#typeface\"><span style=\"font-weight: 400;\">Choose the right typeface<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#semantic\"><span style=\"font-weight: 400;\">Use semantic elements<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#readability\"><span style=\"font-weight: 400;\">Improve the readability of your email<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#links\"><span style=\"font-weight: 400;\">Make links clickable\/tappable<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#clickhere\"><span style=\"font-weight: 400;\">Banish the \u201cclick here\u201d link copy<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a rel=\"noopener\" href=\"#ALT\"><span style=\"font-weight: 400;\">Use the ALT attribute correctly<\/span><\/a><\/li>\n<\/ul>\n<h3 id=\"visual-aspects\">Consider the visual aspects of email accessibility in your design<\/h3>\n<p><span style=\"font-weight: 400;\">Let\u2019s start by looking at the visual aspects of your email that can impact accessibility and where improvements can be made.<\/span><\/p>\n<h3 id=\"color-intelligently\">Use color intelligently<\/h3>\n<p><span style=\"font-weight: 400;\">Subscribers with color blindness may not be able to differentiate between some colors in your email, so to ensure<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-to-design-for-colorblindness\"> <span style=\"font-weight: 400;\">accessibility for color blindness<\/span><\/a><span style=\"font-weight: 400;\">, make sure color isn\u2019t the sole method <\/span>of conveying important information.<\/p>\n\n\n\n<div class=\"quote my-5 col-12 blue-quote\" >\n\t\n\t<div class=\"row d-flex align-items-center\">\n\t<div class=\"col-12 col-lg-9\">&#8220;<em>Color contrast issues are one of the fastest ways brands can be more accessible. The fix isn&#8217;t fewer colors, it&#8217;s clearer rules. So one of the most practical things that you can do is create a color matrix. It shows which brand colors work together and which ones don&#8217;t. This removes subjective decision making and speeds teams up.<\/em>&#8220;<\/div>\n\t<div class=\"col-12 col-lg-3 text-center\">\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/11\/lauren-castady.jpg\" alt=\"Lauren Castady\" width=\"125\" height=\"125\" class=\"mt-3 mt-lg-0\">\t<p><strong>Lauren Castady<\/strong>\t<br><span class=\"quote-title\">Design Leader, Accessibility Advocate &amp; Creative Consultant at LC Creative<\/span><\/p>\t<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/lcastady\/\" target=\"blank\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\t<\/div>\t<\/div>\n<\/div>\n\n<figure id=\"attachment_123297\" aria-describedby=\"caption-attachment-123297\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img decoding=\"async\" class=\"size-large wp-image-123297\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2026\/03\/color-matrix-example-1024x537.png\" alt=\"color matrix example for proper color contrast\" width=\"1024\" height=\"537\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2026\/03\/color-matrix-example-1024x537.png 1024w, https:\/\/www.litmus.com\/wp-content\/uploads\/2026\/03\/color-matrix-example-300x157.png 300w, https:\/\/www.litmus.com\/wp-content\/uploads\/2026\/03\/color-matrix-example-768x403.png 768w, https:\/\/www.litmus.com\/wp-content\/uploads\/2026\/03\/color-matrix-example.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-123297\" class=\"wp-caption-text\">Matrix from <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/youtu.be\/tl3qZCqJUgo?si=048MR2Cd91m_najE\">Lauren Castady and Tylor Loposser&#8217;s session<\/a> at Litmus Live 2026.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Color contrast can also pose issues to subscribers with visual difficulties. Use a high color contrast between different elements in your email, especially between copy and background colors. One way to do this is to use <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\"><span style=\"font-weight: 400;\">WebAim\u2019s Color Contrast Checker<\/span><\/a><span style=\"font-weight: 400;\"> to check the contrast ratio of the colors in your email.<\/span><\/p>\n<img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2021\/09\/Contrast.png\" alt=\"example of contrast ratio; the left is purple background and white text that meets AA standards, while the right is a yellow background and white text, which fails AA standards.\" width=\"2560\" height=\"787\" \/>\n<p>&nbsp;<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n<div id=\"post-cta-buttonblock_92c35f66cdc78dfd88f95907639fe206\" class=\"block-post-cta-button mt-5\">\n  <div class=\"container px-0\">\n    <div class=\"row\">\n      <div class=\"blog-post-cta-button-wrapper col-12 col-lg-10 mx-auto p-4 d-block d-lg-flex align-items-lg-center align-items-start\">\n\t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t  \t\t \t\t\t  \t\t  \t\t  <div class=\"blog-post-cta-button-icon col-2 float-start mx-auto float-lg-start float-none background-white d-flex flex-column justify-content-center align-items-center text-center\">\n\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/09\/watch-icon-blog-09252026.png\" alt=\"\" width=\"467\" height=\"467\"\/>\n\t\t\t\t\t  \t\t  <\/div><!--blog-post-cta-button-icon-->\n\t\t\t\t\t\t\t\t  \t\t  <div class=\"col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0\">\t\t\t  \t\t\t  <h2 class=\"h-sm\"><strong>Are your emails accessible?<\/strong><\/h2>\n\t\t\t   \n\t\t\t  \t\t\t\t\t<p>See what your emails look like for visually impaired users using the color blindness filter in Litmus Email Previews.<\/p>\n\t\t\t\t\t \n\t\t\t  \t\t  <\/div><!--col-12 col-lg-9 ps-lg-4 ps-0 text-center text-lg-start mt-3 mt-lg-0-->\t\t\t  \t\t  <div class=\"text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"btn btn-primary\" rel=\"noopener\" href=\"https:\/\/litmus.com\/pricing\">\n\t\t\t\t\t\tBook a demo\t\t\t\t\t\t<\/a>\n\t\t\t  \t\t  <\/div><!--text-center text-lg-end col-12 col-lg-1 ms-lg-2 ms-0-->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t        <\/div><!--blog-post-cta-button-wrapper-->\n    <\/div><!--row-->\n  <\/div><!--container-->\n<\/div>\n\n\n\n\t<div id=\"simple-text-block-block_423f12f6b755afad5e328c6683983e64\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3 id=\"no-harmful-content\"><span style=\"font-weight: 400;\">Don\u2019t create harmful content<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Content that flashes at<\/span><a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/webaim.org\/techniques\/images\/#seizures\"> <span style=\"font-weight: 400;\">certain rates or in patterns<\/span><\/a><span style=\"font-weight: 400;\">, such as<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-animated-gifs-in-email\/\"> <span style=\"font-weight: 400;\">animated GIFs,<\/span><\/a><span style=\"font-weight: 400;\"> can cause photo-sensitive seizures in some individuals. Avoid flashing content or including links to videos that may have similar content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Looking to include an animated GIF in your email? Consider these guidelines to ensure they\u2019re accessible:<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">How to create accessible animated GIFs in email<\/span><\/h4>\n<ul>\n<li aria-level=\"1\"><strong>Avoid harmful flashing rates.<\/strong> <span style=\"font-weight: 400;\">Ensure your GIFs do not flash between <\/span><b>2 Hz and 55 Hz<\/b><span style=\"font-weight: 400;\"> to prevent triggering seizures in users with photosensitive epilepsy.<\/span><\/li>\n<li aria-level=\"1\"><strong>Ensure readability for visually impaired users.<\/strong> <span style=\"font-weight: 400;\">Use smooth transitions or slow animation rates to give users enough time to read and comprehend the content before it changes.<\/span><\/li>\n<li aria-level=\"1\"><strong>Provide <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-styled-alt-text-in-email\/\">ALT text<\/a> for accessibility.<\/strong> <span style=\"font-weight: 400;\">Since GIFs are image files, include descriptive alternative text to help users who rely on screen readers understand your content.<\/span><\/li>\n<li aria-level=\"1\"><strong>Offer alternative content when possible.<\/strong> <span style=\"font-weight: 400;\">Consider static image alternatives or text-based explanations for users who may struggle with animations.<\/span><\/li>\n<li aria-level=\"1\"><strong>Test for accessibility.<\/strong> <span style=\"font-weight: 400;\">Use accessibility tools to check if your GIFs are perceivable and understandable for all users. With Litmus, you can <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/help.litmus.com\/article\/253-accessibility-testing-in-litmus\"><span style=\"font-weight: 400;\">check and remediate<\/span><\/a><span style=\"font-weight: 400;\"> every email for elements that impact how subscribers with cognitive or visual impairments experience them.<\/span><\/li>\n<\/ul>\n<h3 id=\"balance\"><span style=\"font-weight: 400;\">Balance text and images<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">While sighted users can visually scan or skip over non-relevant content, blind users must listen to the entire content of the email, one email at a time. Tailor the written content in your email to deliver the main message. Also, consider how compatible your design is with popular screen readers.<\/span><\/p>\n\n<div class=\"container pt-3 pb-5 px-1\">\n\t<div class=\"row blog-cta-green rounded-5 p-4\">\n\t\t<div class=\"mx-auto col-12\">\n\t\t\t<div class=\"row d-flex align-items-center\">\n\t\t\t<div class=\"col-12 text-center\">\n\t\t\t\t<p class=\"bold fs-4\">Make accessibility part of your workflow<\/p>\n\t\t\t\t<p>Litmus Accessibility Testing Checklist helps you identify and fix issues to ensure every subscriber has a great email experience. <\/p>\n\t\t\t\t<button class=\"button-blue arrow\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\" class=\"text-white text-decoration-none\">Make Your Emails Accessible<\/a><\/button>\n\t\t\t<\/div><!--col-6-->\n\t\t\t<div class=\"d-none\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/07\/blog-cta-email-guardian-07292024.svg\" width=\"210\" height=\"180\" alt=\"\">\n\t\t\t<\/div><!--col-6-->\n\t\t\t<\/div> <!--row-->\n\t\t<\/div><!--col-12-->\n\t<\/div><!--row-->\n<\/div><!--container-->\n\t\n\t\n\t\n\t\n\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_3f9d832b38926bfda58abb006d27fdea\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<h3 id=\"larger\"><span style=\"font-weight: 400;\">Use larger font sizes<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Anything smaller than 14 pixels on a desktop or laptop screen requires some effort to read. Users can increase the zoom level on their devices to help them read their screens, but this can have a negative impact on your email, which may appear broken or cut-off.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Text can appear smaller on mobile devices, forcing users to work harder to read your email. Use<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/understanding-media-queries-in-html-email\/\"> <span style=\"font-weight: 400;\">media queries<\/span><\/a><span style=\"font-weight: 400;\"> to increase the minimum font size from 14 to 16 pixels on smaller devices to help users read your email:<\/span><\/p>\n<p><code> @media screen and (max-width: 600px) { p.mobile {font-size: 16px;}} <\/code><\/p>\n<p><span style=\"font-weight: 400;\">For even more accessible typography, consider using rems instead of pixels for font sizes. Rems scale based on the user&#8217;s browser settings, ensuring text adjusts dynamically for those who have increased their default font size for accessibility. (Josh W. Comeau dives deeper <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.joshwcomeau.com\/css\/surprising-truth-about-pixels-and-accessibility\/\"><span style=\"font-weight: 400;\">on his blog.)<\/span><\/a><\/p>\n<p><span class=\"TextRun Highlight SCXW5231158 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW5231158 BCX0\">Also<\/span><span class=\"NormalTextRun SCXW5231158 BCX0\">,<\/span><span class=\"NormalTextRun SCXW5231158 BCX0\">\u00a0<\/span><span class=\"NormalTextRun ContextualSpellingAndGrammarErrorV2Themed SCXW5231158 BCX0\">use<\/span><span class=\"NormalTextRun SCXW5231158 BCX0\">\u00a0live HTML text.<\/span><\/span><span class=\"EOP SCXW5231158 BCX0\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0,&quot;335559740&quot;:276}\">\u00a0<\/span><\/p>\n\n\n\n<div class=\"quote my-5 col-12 blue-quote\" >\n\t\n\t<div class=\"row d-flex align-items-center\">\n\t<div class=\"col-12 col-lg-9\">&#8220;<em>The single biggest thing we can do to improve accessibility over and over for as long as I&#8217;ve worked in email is to use live HTML text wherever possible. Live text supports screen readers. It scales when someone zooms in, it adapts to dark mode and it allows us to maintain minimum readable body size of 14-16 pixels. Live text preserves us to maintain the brand voice better than images ever could because it adapts, responds and travels.<\/em>&#8220;<\/div>\n\t<div class=\"col-12 col-lg-3 text-center\">\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/11\/lauren-castady.jpg\" alt=\"Lauren Castady\" width=\"125\" height=\"125\" class=\"mt-3 mt-lg-0\">\t<p><strong>Lauren Castady<\/strong>\t<br><span class=\"quote-title\">Design Leader, Accessibility Advocate &amp; Creative Consultant at LC Creative<\/span><\/p>\t<a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/lcastady\/\" target=\"blank\"><i class=\"fa-brands fa-linkedin\"><\/i><\/a>\t<\/div>\t<\/div>\n<\/div>\n\n<h3 id=\"space\"><span style=\"font-weight: 400;\">Give copy space<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">For some it can be hard to read paragraphs and blocks of text where the lines of copy are spaced close together. Set an appropriate line height on text to make it easier to read for all. We recommend choosing a line height that\u2019s 1.5 times more than your font size. (Keep in mind: this will vary depending on <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.joshwcomeau.com\/css\/surprising-truth-about-pixels-and-accessibility\/\"><span style=\"font-weight: 400;\">whether you\u2019re using rems<\/span><\/a><span style=\"font-weight: 400;\">.)<\/span><\/p>\n<p><code>&lt;p style=\u201dfont-size:14px; line-height:18px;&gt;Paragraph with font-size and line-height set&lt;\/p&gt;<\/code><\/p>\n<p><b>Tip:<\/b><span style=\"font-weight: 400;\"> when increasing the font size for mobile devices, don\u2019t forget to increase the line height.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Paragraphs of copy also need room to breathe to aid readability. When scanning an email it should be easy to identify paragraphs and be able to keep your place. Create enough white space above and below paragraphs.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">One more step to make text easier to read is by moving it away from the edges of your emails. Adding padding to a table cell or paragraph tag will help you achieve this.<\/span><\/p>\n<h3 id=\"justified\"><span style=\"font-weight: 400;\">Avoid justified copy in your email<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">\u201cJustified\u201d copy means that letter and word spacing is adjusted so the text falls flush with both the left and right margins. While common in print, the inconsistent word-spacing can make justified copy hard to read. Text that is left-aligned has been proven to be easier to read for all.<\/span><\/p>\n<h3 id=\"typeface\"><span style=\"font-weight: 400;\">Choose the right typeface<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The use of<\/span><a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/the-ultimate-guide-to-web-fonts\"><span style=\"font-weight: 400;\"> web fonts<\/span><\/a><span style=\"font-weight: 400;\"> has increased the pool of possible typefaces that can be used in email, but before you decide to use<\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/fonts.google.com\/specimen\/Lobster\"> <span style=\"font-weight: 400;\">Lobster<\/span><\/a><span style=\"font-weight: 400;\"> as your body font, think about how accessible it is.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When selecting the typeface for your email, choose one that is evenly spaced and not too condensed. This is a good idea not just for email accessibility, but for mobile users, too.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">And, as always, make sure to include an appropriate <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-web-fonts\"><span style=\"font-weight: 400;\">fallback font<\/span><\/a><span style=\"font-weight: 400;\"> for email clients where the web font isn\u2019t supported.<\/span><\/p>\n<h3 id=\"semantic\"><span style=\"font-weight: 400;\">Use semantic elements<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Another key way to improve your emails&#8217; readability and make your email code more accessible is by using headings to create a clear visual structure and hierarchy. This helps organize your content and makes it easier for subscribers using screen readers to navigate.<\/span><\/p>\n<p><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/7-simple-tricks-to-make-your-email-code-more-accessible\"><span style=\"font-weight: 400;\">Coding for accessibility<\/span><\/a><span style=\"font-weight: 400;\"> ensures your headings are properly structured, making it simpler for all users to follow the content. Here are some simple tips for using headings effectively:<\/span><\/p>\n<p>&nbsp;<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<div id=\"text-two-columns-block_68ba958a13f69f9e125b996713f25f44\" class=\"block-text-two-columns alignfull\" style=\"background-color:#ebf4f3\">\n  <div class=\"container\">\n      \t<div class=\"row \">\n  \t\t<div class=\"col-md-6 column\">\n        <div class=\"\">\n          <img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/01\/Accessibility_Visual-Hierarchy.png\" \/>\n        <\/div>\n  \t\t<\/div>\n      <div class=\"col-md-6 column\">\n        <div class=\"\">\n         <ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>H1:<\/strong><span style=\"font-weight: 400;\"><strong> Your primary headline (H1)<\/strong> should be styled in a way that makes it stand out\u2014typically using a larger font size and heavier weight. This ensures it grabs attention and stands out against other elements.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>H2: <\/strong><span style=\"font-weight: 400;\"><strong>For secondary headlines (H2),<\/strong> reduce the font size and consider additional styling, such as a lighter font weight or a different color, to differentiate it from your H1 and set it apart from the primary messaging.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>H3: For <\/strong><span style=\"font-weight: 400;\"><strong>tertiary headlines,<\/strong> take the same approach, styling it as less dominant than your H1 and H2s. Ensure that each level of heading is clearly differentiated to create a visual hierarchy that\u2019s easy to navigate.<\/span><\/li>\n<\/ul>\n                 <\/div>\n      <\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_13542adbd641a6a92d69db7442a4d651\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400;\">Including semantic elements gives your subscribers who use screen readers the option to \u201cscan\u201d through an email by header. You can do this by using <code>&lt;p&gt;<\/code> and <code>&lt;h&gt;<\/code> tags. These are supported in every client, so it\u2019s a good place to start making your email more accessible.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Historically, styling <code>&lt;p&gt;<\/code> and <code>&lt;h&gt;<\/code> tags hasn\u2019t been easy, which is why it\u2019s still fairly uncommon to see these tags being used in email. Margins around text wrapped in either of these tags was hard to manage, but using code like this you\u2019ll be able to control that whitespace:<\/span><\/p>\n<p><code>&lt;h1 style=\u201dmso-line-height-rule:exactly; margin:0; font-size:24px; line-height:28px;\u201d&gt;This is a title in an email&lt;\/h1&gt;<\/code><\/p>\n<p><code>&lt;p style=\u201dmargin:0; font-size:14px; line-height:18px;\u201d&gt;And this is the paragraph&lt;\/p&gt;<\/code><\/p>\n<p><span style=\"font-weight: 400;\">For semantic elements, use margin, not padding, as the padding attribute isn&#8217;t supported on these elements everywhere. As for rems, Josh W. Comeau gives guidance <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.joshwcomeau.com\/css\/surprising-truth-about-pixels-and-accessibility\/#vertical-margins-8\"><span style=\"font-weight: 400;\">on his blog<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><b>Tip:<\/b><span style=\"font-weight: 400;\"> Using <code>mso-line-height-rule:exactly;<\/code> in your <code>&lt;h&gt;<\/code> tags will maintain line-height rule you set in Microsoft Outlook email clients.<\/span><\/p>\n<h3 id=\"readability\"><span style=\"font-weight: 400;\">Improve the readability of your email<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Creating a more accessible and readable email isn\u2019t only down to how the email is coded, but how the copy is written, too.<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/email-accessibility-5-tips-for-writing-email-copy-for-everyone\"><span style=\"font-weight: 400;\">Writing for accessibility<\/span><\/a><span style=\"font-weight: 400;\"> involves making your<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/dont-be-a-robot-how-to-write-email-copy-like-a-human\"> <span style=\"font-weight: 400;\">email copy more human<\/span><\/a><span style=\"font-weight: 400;\">, which aids in readability and helps build a 1:1 communication between you and your subscribers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The most popular test, known as<\/span> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/support.office.com\/en-us\/article\/Test-your-document-s-readability-0adc0e9a-b3fb-4bde-85f4-c9e88926c6aa\"><span style=\"font-weight: 400;\">Flesch-Kincaid Reading Ease test<\/span><\/a><span style=\"font-weight: 400;\">, can be found in Microsoft Word and calculates how easy your content is to read on a scale of 0-100. That means:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A score of 90-100<\/b><span style=\"font-weight: 400;\"> will be easily understood by an 11-year-old student<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A score of 60-70 <\/b><span style=\"font-weight: 400;\">will be easily understood by 13- to 15-year-old students<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A score of 30-50<\/b><span style=\"font-weight: 400;\"> will be understood by college students<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>A score of 0-30 <\/b><span style=\"font-weight: 400;\">will be better understood by university graduates<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Making something more \u201creadable\u201d shouldn\u2019t mean you shy away from tricky topics or weighty subjects. Rather than dumbing down your writing, it refers to the accessibility of the text. Opt for smaller words; if you\u2019re not sure if everyone knows what a particular word means, refrain from using it.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For most businesses, your sweet spot is somewhere between 60 and 70 to capture a general audience. Of course, if your audience is highly educated, then don\u2019t be afraid to use more complex language.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Some other points to consider:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Keeping sentences to <\/span><b>around 20 words or less.<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Edit your copy to be <\/span><b>direct and to the point.<\/b><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Use active voice<\/b><span style=\"font-weight: 400;\"> to keep the sentence structure simpler.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Avoiding slang, jargon, or regional words <\/b><span style=\"font-weight: 400;\">that some people might be unfamiliar with.<\/span><\/li>\n<\/ul>\n<h3 id=\"links\"><span style=\"font-weight: 400;\">Make links clickable\/tappable<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ensuring the size of your<\/span> <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\"><span style=\"font-weight: 400;\">bulletproof buttons<\/span><\/a><span style=\"font-weight: 400;\"> are large enough to be used by thumbs and fingers on mobile devices will help with the accessibility of your email too. A bigger button will be beneficial to those who can\u2019t control a mouse with precision.<\/span><\/p>\n<figure style=\"width: 676px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/image-based-button-updated.jpg\" alt=\"buttons on images-on view and images-off view\" width=\"676\" height=\"259\" \/><figcaption class=\"wp-caption-text\">Source: <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-bulletproof-buttons-in-email-design\/\">Guide to Bulletproof Buttons in Email<\/a><\/figcaption><\/figure>\n<h3 id=\"clickhere\"><span style=\"font-weight: 400;\">Banish the \u201cclick here\u201d link copy<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Avoid using \u201cclick here\u201d as copy for your links. Screen reader users often tab through content, skipping through it as a way of scanning an email. Giving your links context will help these users to decide if they want to click through or not.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For example, if you have a link that goes to a product listing of shoes, using link copy such as \u201cSee more shoes\u201d lessens the ambiguity of the link for screen reader users. Reducing the ambiguity of links is beneficial for email accessibility, but really benefits all subscribers. It doesn\u2019t require them to read the context surrounding the link, which helps for those who scan emails.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Banishing \u201cclick here\u201d links will also move your email content to be more device-independent. \u201cClick here\u201d may make sense for a subscriber using a laptop or desktop, but not for someone using a mobile device or tablet where tapping is required.<\/span><\/p>\n<h3 id=\"ALT\"><span style=\"font-weight: 400;\">Use the ALT attribute correctly<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The ALT attribute\u2014used to display <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/the-ultimate-guide-to-email-image-blocking\"><span style=\"font-weight: 400;\">ALT text<\/span><\/a><span style=\"font-weight: 400;\">\u2014has been an<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/resources\/foundations-of-email-design\/\"><span style=\"font-weight: 400;\">email best practice<\/span><\/a><span style=\"font-weight: 400;\"> since the dawn of HTML emails, owing to email clients<\/span> <a rel=\"noopener\" href=\"https:\/\/litmus.com\/blog\/the-ultimate-guide-to-email-image-blocking\"><span style=\"font-weight: 400;\">blocking images by default<\/span><\/a><span style=\"font-weight: 400;\">. The text used in an ALT attribute attached to an image displays when the image doesn\u2019t load. This helps the subscriber \u201csee\u201d the email if they have images off by default in their email client or if they are using a screen reader to read the email.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To correctly use the ALT attribute, the context of the image must be fully understood in relation to the content surrounding it. First, you need to decide if the image is functional, illustrative, or decorative.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">All images require ALT attributes, so a null ALT attribute should be used for images that don\u2019t need to be read by screen readers or don\u2019t represent anything vital to the subscriber.<\/span><\/p>\n<p>&nbsp;<\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n<div id=\"text-two-columns-block_0a44810e75d01171d66ea28b1fff0383\" class=\"block-text-two-columns alignfull\" style=\"background-color:#ebf4f3\">\n  <div class=\"container\">\n      \t<div class=\"row \">\n  \t\t<div class=\"col-md-6 column\">\n        <div class=\"\">\n          <p style=\"text-align: center;\"><strong>Litmus email with images on<\/strong><\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-108554\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/2.jpg\" alt=\"Example of an email from Litmus with image on\" width=\"980\" height=\"1218\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/2.jpg 980w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/2-241x300.jpg 241w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/2-824x1024.jpg 824w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/2-768x955.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/>\n<p><a rel=\"noopener\" href=\"https:\/\/litmus.com\/scope\/mty6uxnpgypw\" target=\"_blank\" rel=\"noopener\">See this email in action \u2192<\/a><\/p>\n        <\/div>\n  \t\t<\/div>\n      <div class=\"col-md-6 column\">\n        <div class=\"\">\n         <p style=\"text-align: center;\"><strong>Litmus email with images off<\/strong><\/p>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-108553\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/1.jpg\" alt=\"Example of an email from Litmus with image off\" width=\"980\" height=\"1218\" srcset=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/1.jpg 980w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/1-241x300.jpg 241w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/1-824x1024.jpg 824w, https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/1-768x955.jpg 768w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/>\n                 <\/div>\n      <\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\t<div id=\"simple-text-block-block_625e2054570332251ec5a5c992afaea7\" class=\"block-simple-text-block alignfull \" style=\"background-color:\">\n  <div class=\"container\">\n  \t<div class=\"row\">\n  \t\t<div class=\"col\">\n  \t\t\t<div class=\"copy\">\n  \t\t\t\t<p><span style=\"font-weight: 400;\">View your email with all of the images turned off to help you decide which images require the ALT attribute and which ones can have a null attribute.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For a deeper dive into understanding how context informs the use of the ALT attribute for your images, visit <\/span><a rel=\"noopener\" target=\"_blank\" href=\"http:\/\/webaim.org\/techniques\/alttext\"><span style=\"font-weight: 400;\">WebAim\u2019s page<\/span><\/a><span style=\"font-weight: 400;\"> on the ALT attribute.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Use <code>role=\u201dpresentation\u201d<\/code> on all presentational tables<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">In <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-design\/\"><span style=\"font-weight: 400;\">email design<\/span><\/a><span style=\"font-weight: 400;\">, tables are used to hold content as well as structure the email\u2019s design. Tables were never intended to be used for design. But due to restrictions in email clients such as<\/span> <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-rendering-differences-in-microsoft-outlook-clients\/\"><span style=\"font-weight: 400;\">Outlook<\/span><\/a><span style=\"font-weight: 400;\">, email designers have been forced to use the <code>&lt;table&gt;<\/code> <\/span><i><span style=\"font-weight: 400;\">element<\/span><\/i><span style=\"font-weight: 400;\"> as a design element.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">To help screen readers understand the difference between <code>&lt;table&gt;<\/code> elements that hold content and those that are purely for design, use <code>role=\u201dpresentation\u201d<\/code> on each table that holds content the subscriber needs to read. You only need to add it to each <code>&lt;table&gt;<\/code> element, not every <code>&lt;td&gt;<\/code>. This avoids forcing a screen reader to read each cell of your tables one at a time and helps the subscriber get straight to the important content\u2014<\/span><span style=\"font-weight: 400;\">and also improves the experience when subscribers choose to<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/how-does-your-email-sound\"> <span style=\"font-weight: 400;\">read emails aloud<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In addition to <code>role=\u201dpresentation\u201d<\/code>, <code>aria-hidden=\"true\"<\/code> is another HTML attribute that can be added to elements in your HTML that are for visual content and should be hidden from screen readers:<\/span><\/p>\n<p><code>&lt;table role=\"presentation\" aria-hidden=\"true\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"&gt;<br \/>\n&lt;tr&gt;<br \/>\n&lt;td&gt;&lt;\/td&gt;<br \/>\n&lt;\/tr&gt;<br \/>\n&lt;\/table&gt;<\/code><\/p>\n<p><code><span style=\"font-weight: 400;\">role=\"presentation\"<\/span><\/code> can also be used on images. It\u2019s recommended to use the HTML attribute role=\u201dpresentation\u201d on any image with an empty ALT attribute to avoid the name for the image being read.<\/p>\n<p><span class=\"TextRun Highlight SCXW147803144 BCX0\" lang=\"EN-US\" xml:lang=\"EN-US\" data-contrast=\"auto\"><span class=\"NormalTextRun SCXW147803144 BCX0\">[blog-<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW147803144 BCX0\">cta<\/span><span class=\"NormalTextRun SCXW147803144 BCX0\">\u00a0<\/span><span class=\"NormalTextRun SpellingErrorV2Themed SCXW147803144 BCX0\">cta<\/span><span class=\"NormalTextRun SCXW147803144 BCX0\">-id=&#8221;173&#8243; style=&#8221;2&#8243;]<\/span><\/span><span class=\"EOP SCXW147803144 BCX0\" data-ccp-props=\"{&quot;335559738&quot;:300,&quot;335559739&quot;:300}\">\u00a0<\/span><\/p>\n<h2 id=\"action\"><span style=\"font-weight: 400;\">Email accessibility in action<\/span><\/h2>\n<p>Let&#8217;s take a look at examples of accessible emails, submitted by the Litmus community.<\/p>\n<p><span style=\"font-weight: 400;\">Subscribers of this email will be able to increase the text size through their browser by up to 200% without breaking the design of the email. And it features an <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/a-guide-to-animated-gifs-in-email\">animated GIF <\/a><\/span><span style=\"font-weight: 400;\">that stops after three cycles (within five seconds) for those who suffer from photo-sensitive seizures.<\/span><\/p>\n<figure style=\"width: 1392px\" class=\"wp-caption alignnone\"><a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/2a59caa\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2017-02-16-at-14.42.20.jpg\" alt=\"A screenshot of an accessible email from Paul Airy, featuring a newsletter from The Core. Header image is a group of people smiling in front of a tractor on a grassy field.\" width=\"1392\" height=\"1240\" \/><\/a><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">by <a rel=\"noopener\" href=\"https:\/\/litmus.com\/builder\/2a59caa\">Eyal Bitton<\/a><\/span><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\">Eyal Bitton created an email that uses copy for links that make sense out of context. They also signal to blind subscribers at the end of the email by using some hidden text.<\/span><\/p>\n<figure style=\"width: 1654px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2020\/04\/screen-shot-2017-02-16-at-14.43.21.png\" alt=\"A screenshot of an email newsletter, Type E:, written as hero text in a bold red color. Below it reads 07. The Mobile Issue, followed by an image of the bottom of an iPhone. Below that reads 2017 marks the 10th anniversary of the iPhone.\" width=\"1654\" height=\"1230\" \/><figcaption class=\"wp-caption-text\">By <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/paulairy\/\" target=\"_blank\" rel=\"noopener\">Paul Airy<\/a><\/figcaption><\/figure>\n<p><span style=\"font-weight: 400;\"><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/beyondtheenvelope.co.uk\/type-e.php\">Type E\u2019s newsletter<\/a> uses an interactive progressive enhancement that enables the subscriber to choose from standard or large text size. Email developer <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/paulairy\/\" target=\"_blank\" rel=\"noopener\">Paul Airy<\/a> also included an option\u2013driven by an opt-in\u2014where the subscriber can choose to display the email with tinted backgrounds if they suffer from certain disabilities.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These emails illustrate that it only takes a few small steps for emails to be more accessible and potentially reach a wider audience. Many of these steps not only aid accessibility but also help to improve your emails for everyone.<\/span><\/p>\n<h2>See your emails with images on and off<\/h2>\n<p><span style=\"font-weight: 400;\">Want to see how your emails look in 100+ desktop, mobile, and webmail clients, including images-off views? See <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\">email testing<\/a> from Litmus in action,!<a rel=\"noopener\" href=\"https:\/\/litmus.com\/pricing\"><strong>\u00a0Book a Demo \u2192<\/strong><\/a><\/span><\/p>\n<h2 id=\"educate\">Educate your teams to scale accessibility adherence<\/h2>\n<p><span style=\"font-weight: 400;\">Making emails accessible is the right choice, but to get your team on board, you might need to show the business value. Email is a highly effective channel with an impressive<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/infographic-the-roi-of-email-marketing\"> <span style=\"font-weight: 400;\">ROI of 36:1<\/span><\/a><span style=\"font-weight: 400;\">, and people with disabilities control over<\/span><strong> <a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/www.rod-group.com\/wp-content\/uploads\/2024\/09\/The-Global-Economics-of-Disability-2024-The-Return-on-Disability-Group-September-24-2024.pdf?https%3A%2F%2Fwww.rod-group.com%2Fresearch-insights%2Fannual-report-2024%2F\">$1 trillion in annual disposable income<\/a><\/strong><span style=\"font-weight: 400;\">. Ignoring accessibility means missing out on a key group of potential customers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Start by creating accessible email templates that follow best practices, like live text and strong color contrast, making it easier for your team to maintain consistency across campaigns. Regular training and continuous learning will ensure everyone stays up-to-date on accessibility standards.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By integrating accessibility into your campaign planning and collaborating with different teams\u2014design, development, and legal\u2014you can make accessibility a routine part of your process. This not only helps meet standards but also builds stronger, lasting relationships with your audience.<\/span><\/p>\n<h2 id=\"tools\">Accessibility tools for email marketing<\/h2>\n<p><span style=\"font-weight: 400;\">Looking for tools to help make your email accessibility easier? Our built-in <\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/blog\/accessible-email-made-easy-introducing-accessibility-checks-in-litmus\"><span style=\"font-weight: 400;\">accessibility checker<\/span><\/a><span style=\"font-weight: 400;\"> plus additional features can help make things easier for you:<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Automatic accessibility checks<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Scan your email for 40+ accessibility areas, with detailed reports and guidance on any issues found. With Litmus\u2019<\/span><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-builder\"><span style=\"font-weight: 400;\"> Email Builder<\/span><\/a><span style=\"font-weight: 400;\">, you can check your code as you work to ensure it meets your subscribers\u2019 needs.<\/span><\/p>\n<figure style=\"width: 1324px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/55ad6bf6e4b0b0593824e281\/images\/64add74aa9d61472afe0888a\/file-8XOmbLDPRi.gif\" alt=\"A GIF of Litmus QA checks\" width=\"1324\" height=\"745\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">QA checks in Litmus Builder. <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/s3.amazonaws.com\/helpscout.net\/docs\/assets\/55ad6bf6e4b0b0593824e281\/images\/64add74aa9d61472afe0888a\/file-8XOmbLDPRi.gif\"><span style=\"font-weight: 400;\">\ud83d\udd0d Enlarge this animated GIF<\/span><\/a><\/figcaption><\/figure>\n<h3><span style=\"font-weight: 400;\">Visual impairment filters<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Visual impairment filters offer four color vision deficiency options, allowing you to see how your email displays for subscribers with visual impairment.<\/span><\/p>\n<figure style=\"width: 3000px\" class=\"wp-caption alignnone\"><img decoding=\"async\" src=\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/55ad6bf6e4b0b0593824e281\/images\/64adce6ba9d61472afe08884\/file-meM3V7RKDn.jpg\" alt=\"An example of the accessibility checks in Litmus\" width=\"3000\" height=\"1113\" \/><figcaption class=\"wp-caption-text\"><span style=\"font-weight: 400;\">Visual impairment filters in Litmus, checking for deuteranopia, protanopia, tritanopia, achromatopsia. <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/d33v4339jhl8k0.cloudfront.net\/docs\/assets\/55ad6bf6e4b0b0593824e281\/images\/64adce6ba9d61472afe08884\/file-meM3V7RKDn.jpg\"><span style=\"font-weight: 400;\">\ud83d\udd0d Enlarge this image<\/span><\/a><\/figcaption><\/figure>\n<h3><span style=\"font-weight: 400;\">NVDA screen reader preview<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Our NVDA screen reader integration supports over 80 languages. The <code>lang<\/code> attribute helps screen readers accurately transcribe your message by indicating the language used to draft your email.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For more on accessibility testing in Litmus, visit our <\/span><a rel=\"noopener\" target=\"_blank\" href=\"https:\/\/knowledge.validity.com\/s\/litmus-home?language=en_US\"><span style=\"font-weight: 400;\">Help Center<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n\n<div class=\"container pt-3 pb-5 px-1\">\n\t<div class=\"row blog-cta-green rounded-5 p-4\">\n\t\t<div class=\"mx-auto col-12\">\n\t\t\t<div class=\"row d-flex align-items-center\">\n\t\t\t<div class=\"col-12 text-center\">\n\t\t\t\t<p class=\"bold fs-4\">Start making a difference today<\/p>\n\t\t\t\t<p>Maximize your email\u2019s impact with Litmus to ensure accessibility and inclusivity for all subscribers \u2014 no matter their abilities.<\/p>\n\t\t\t\t<button class=\"button-blue arrow\"><a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/email-testing\" class=\"text-white text-decoration-none\">Create Inclusive Emails<\/a><\/button>\n\t\t\t<\/div><!--col-6-->\n\t\t\t<div class=\"d-none\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2024\/07\/blog-cta-email-guardian-07292024.svg\" width=\"210\" height=\"180\" alt=\"\">\n\t\t\t<\/div><!--col-6-->\n\t\t\t<\/div> <!--row-->\n\t\t<\/div><!--col-12-->\n\t<\/div><!--row-->\n<\/div><!--container-->\n\t\n\t\n\t\n\t\n\n<p><em>This article was updated by <a rel=\"noopener\" href=\"https:\/\/www.litmus.com\/contributors\/lindsey-hiner\">Lindsey Hiner<\/a>.\u00a0<\/em><\/p>\n  \t\t\t<\/div>\n  \t\t<\/div>\n  \t<\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>It only takes a few small steps to make your emails more accessible for all of your subscribers. In this post, we&#8217;ll discuss what those steps are and how they can make email better for everyone.<\/p>\n","protected":false},"author":3,"featured_media":108269,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"tags":[238,1134,478,520,499],"blog_category":[10303],"class_list":["post-4235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-alt-text","tag-bulletproof-button","tag-design","tag-email-accessibility","tag-email-coding","blog_category-email-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>The Ultimate Guide to Email Accessibility in 2026 - Litmus<\/title>\n<meta name=\"description\" content=\"Learn how to design, write, and code emails that are accessible to all. Use actionable tips to create inclusive, impactful email experiences.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"2026 Guide to Creating Accessible Emails\" \/>\n<meta property=\"og:description\" content=\"Learn how to design, write, and code emails that are accessible to all. Use actionable tips to create inclusive, impactful email experiences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails\" \/>\n<meta property=\"og:site_name\" content=\"Litmus\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/litmusapp\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-24T16:09:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-24T16:09:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1380\" \/>\n\t<meta property=\"og:image:height\" content=\"725\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@litmusapp\" \/>\n<meta name=\"twitter:site\" content=\"@litmusapp\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"The Ultimate Guide to Email Accessibility in 2026 - Litmus","description":"Learn how to design, write, and code emails that are accessible to all. Use actionable tips to create inclusive, impactful email experiences.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails","og_locale":"en_US","og_type":"article","og_title":"2026 Guide to Creating Accessible Emails","og_description":"Learn how to design, write, and code emails that are accessible to all. Use actionable tips to create inclusive, impactful email experiences.","og_url":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails","og_site_name":"Litmus","article_publisher":"https:\/\/www.facebook.com\/litmusapp","article_published_time":"2026-03-24T16:09:07+00:00","article_modified_time":"2026-03-24T16:09:09+00:00","og_image":[{"width":1380,"height":725,"url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_creator":"@litmusapp","twitter_site":"@litmusapp","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#article","isPartOf":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails"},"author":{"name":"","@id":""},"headline":"2026 Guide to Creating Accessible Emails","datePublished":"2026-03-24T16:09:07+00:00","dateModified":"2026-03-24T16:09:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails"},"wordCount":5,"commentCount":0,"publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png","keywords":["Alt Text","Bulletproof Button","Design","Email Accessibility","Email Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails","url":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails","name":"The Ultimate Guide to Email Accessibility in 2026 - Litmus","isPartOf":{"@id":"https:\/\/www.litmus.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#primaryimage"},"image":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#primaryimage"},"thumbnailUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png","datePublished":"2026-03-24T16:09:07+00:00","dateModified":"2026-03-24T16:09:09+00:00","description":"Learn how to design, write, and code emails that are accessible to all. Use actionable tips to create inclusive, impactful email experiences.","breadcrumb":{"@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#primaryimage","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2022\/02\/Email-Accessibility_-Your-Ultimate-Guide-Refresh.png","width":1380,"height":725,"caption":"Accessibility icon in circle with gradient background"},{"@type":"BreadcrumbList","@id":"https:\/\/www.litmus.com\/blog\/ultimate-guide-accessible-emails#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.litmus.com\/"},{"@type":"ListItem","position":2,"name":"2026 Guide to Creating Accessible Emails"}]},{"@type":"WebSite","@id":"https:\/\/www.litmus.com\/#website","url":"https:\/\/www.litmus.com\/","name":"Litmus","description":"Are you getting the most out of your email marketing?","publisher":{"@id":"https:\/\/www.litmus.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.litmus.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.litmus.com\/#organization","name":"Litmus Software","url":"https:\/\/www.litmus.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","contentUrl":"https:\/\/www.litmus.com\/wp-content\/uploads\/2025\/04\/featured-image.png","width":600,"height":314,"caption":"Litmus Software"},"image":{"@id":"https:\/\/www.litmus.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/litmusapp","https:\/\/x.com\/litmusapp"]},{"@type":"Person","@id":""}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/4235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/comments?post=4235"}],"version-history":[{"count":51,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/4235\/revisions"}],"predecessor-version":[{"id":123308,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/posts\/4235\/revisions\/123308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media\/108269"}],"wp:attachment":[{"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/media?parent=4235"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/tags?post=4235"},{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.litmus.com\/wp-json\/wp\/v2\/blog_category?post=4235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}