{"id":20605,"date":"2025-10-21T15:04:15","date_gmt":"2025-10-21T15:04:15","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/erreurs-accessibilite-emails\/"},"modified":"2026-09-15T04:47:48","modified_gmt":"2026-09-15T04:47:48","slug":"erreurs-accessibilite-emails","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/","title":{"rendered":"Erreurs d&rsquo;accessibilit\u00e9 des emails qui agacent les abonn\u00e9s et comment les corriger"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Email accessibility is a pretty simple concept: Everyone who receives your email should be able to read it and engage with it. Everyone. Making this happen, however, is a bit more complicated, which is why so many companies struggle to get it right.<\/p>\n\n<p class=\"wp-block-paragraph\">But they\u00a0<i>have\u00a0<\/i>to get it right. Why? Over<a href=\"https:\/\/www.cdc.gov\/visionhealth\/basics\/ced\/fastfacts.htm\" target=\"_tabs\" rel=\"noopener noreferrer\">\u00a0<u>12 million people<\/u><\/a>\u00a0in the US alone have some form of vision impairment, including color blindness. Hearing impairment is the third most reported chronic problem among the aged population, but<a href=\"https:\/\/www.beltone.com\/en-us\/hearing-loss\/types-and-causes-of-hearing-loss\/hearing-loss-facts\" target=\"_tabs\" rel=\"noopener noreferrer\">\u00a0<u>65% of people<\/u><\/a>\u00a0with hearing loss are younger than retirement age. And as much as<a href=\"https:\/\/www.cache.org.uk\/news-media\/dyslexia-the-facts\" target=\"_tabs\" rel=\"noopener noreferrer\">\u00a0<u>10% of the global population<\/u><\/a>\u00a0is dyslexic.<\/p>\n\n<p class=\"wp-block-paragraph\">With millions of people encountering less-than-stellar email experiences, companies and developers who lead through accessibility will thrive over the coming years. It takes some extra effort, but it will pay off.<\/p>\n\n<p class=\"wp-block-paragraph\">Here are some ways your emails might be inaccessible to certain subscribers. Most of them have to do with vision impairments, one of the most common accessibility needs.<\/p>\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-3562\"><p class=\"h5 m-0\" id=\"toc-title-3562\">Table des mati\u00e8res<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#unreadable-color-contrast\">Unreadable color contrast<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">02<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#microscopic-or-creative-fonts\">Microscopic or \u2018creative\u2019 fonts<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">03<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#bunched-up-text\">Bunched up text<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">04<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#complex-language\">Complex language\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">05<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#not-using-semantic-html\">Not using semantic HTML<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">06<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#sending-image-only-emails\">Sending image-only emails<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">07<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#burying-key-text-on-images\">Burying key text on images<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">08<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#hard-to-read-buttons\">Hard to read buttons<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">09<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#invisible-links\">Invisible links<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">10<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#non-descriptive-link-text\">Non-descriptive link text\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">11<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#invisible-images-no-alt-text\">Invisible images &#8211; no alt text<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">12<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#videos-without-captions-or-transcripts\">Videos without captions or transcripts\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">13<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#inaccessible-attachments\">Inaccessible attachments\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">14<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#excessive-or-distracting-animations\">Excessive or distracting animations\u00a0\u00a0<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">15<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#reading-spanish-emails-with-an-english-accent\">Reading Spanish emails with an English accent<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">16<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#centering-all-your-text\">Centering all your text<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">17<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#not-coding-tables-correctly\">Not coding tables correctly<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">18<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#missing-or-unclear-subject-lines-and-preheaders\">Missing or unclear subject lines and preheaders<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">19<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#not-testing-your-emails-for-accessibility\">Not testing your emails for accessibility<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">20<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#wrapping-up\">Wrapping up<\/a><\/div><\/div><\/nav>\n<h2 class=\"wp-block-heading\">Unreadable color contrast<\/h2>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>WCAG standards<\/u><\/a> recommend a minimum 4.5:1 contrast ratio for digital text. If your background is anything other than white, you have to be very selective in which colors you choose for text, buttons, and other elements. It\u2019s very hard to distinguish between the foreground and background when they\u2019re similar shades, so you should pair color with other cues like icons or text.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4232\" width=\"900\" height=\"520\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Imagen_1.jpeg\" alt=\"Imagen_1\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Imagen_1.jpeg 900w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Imagen_1-300x173.jpeg 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Imagen_1-768x444.jpeg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/designwebkit.com\/web-and-trends\/color-combinations-hell-death-sentence-designs\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><em>Source<\/em><\/a><\/figcaption><\/figure>\n\n<p class=\"wp-block-paragraph\">Even if you\u2019re using a white background, you can still gum up the readability. Using yellow and pure green for text will irritate everyone, even subscribers with full vision. That\u2019s because they have very low contrast ratios against white &#8211; less than 2:1. Black on white has the highest contrast, at 21:1. It may be \u201cboring\u201d, but it\u2019s the easiest to read, by far. Ultimately, what matters more than that?<\/p>\n\n<p class=\"wp-block-paragraph\">But, if you feel the need to use colored text, or if you have text or buttons that change colors when you hover over them, choose wisely. Use an accessibility testing tool like Email on Acid\u2019s <a href=\"https:\/\/www.emailonacid.com\/help-article\/campaign-precheck-accessibility-check\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Campaign Precheck<\/u><\/a>. Color contrast is one aspect of email accessibility that is tested by <a href=\"https:\/\/www.emailonacid.com\/help-article\/campaign-precheck-accessibility-check\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Campaign Precheck<\/u><\/a>,\u00a0so you\u2019ll know if you\u2019re ever sending out an email with text that is hard to read.<\/p>\n\n<h2 class=\"wp-block-heading\">Microscopic or \u2018creative\u2019 fonts<\/h2>\n\n<p class=\"wp-block-paragraph\">You might be tempted to use goofy or wacky fonts if your brand guidelines allow it \u2013\u00a0Halloween themes are notorious for this. But it\u2019s no fun if no one can read it, and reading crazy fonts is always harder on screens than on paper, especially on <i>tiny<\/i> screens.<\/p>\n\n<p class=\"wp-block-paragraph\">Opt for simple and easily readable fonts rather than scripts or themed fonts (letters that look like <a href=\"https:\/\/www.fontspace.com\/lost-world-font-f7269\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>dinosaurs<\/u><\/a> or like they belong on a <a href=\"https:\/\/www.1001fonts.com\/ransom-note-fonts.html\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>ransom note<\/u><\/a> might not be the best choice). Sans-serif fonts like\u00a0Arial or Helvetica are often preferred.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" class=\"wp-image-4233\" width=\"936\" height=\"42\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_Accessibility_2.png\" alt=\"Email_Accessibility_2\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_Accessibility_2.png 936w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_Accessibility_2-300x13.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_Accessibility_2-768x34.png 768w\" sizes=\"(max-width: 936px) 100vw, 936px\" \/><\/figure>\n\n<p class=\"wp-block-paragraph\">Also, use fonts that are larger than 14px in size. Again, it\u2019s harder for everyone to read small fonts on screens. For anyone with even partial vision impairment, it becomes too much work, and they\u2019ll abandon the effort.<\/p>\n\n<h2 class=\"wp-block-heading\">Bunched up text<\/h2>\n\n<p class=\"wp-block-paragraph\">Insufficient line spacing (leading) and letter spacing (<a href=\"https:\/\/www.adobe.com\/creativecloud\/design\/discover\/kerning.html\" target=\"_blank\" rel=\"noreferrer noopener\">kerning<\/a>), or large blocks of text without paragraphs or white space, make emails appear dense and difficult to scan and read.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">Instead of large blocks, break text into smaller paragraphs and use\u00a0semantic\u00a0headers and bulleted lists;\u00a0this\u00a0structure\u00a0not\u00a0only enhances engagement but\u00a0also\u00a0enables screen readers to process and navigate the email content more efficiently.\u00a0\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Complex language\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">Employing overly complex sentences, jargon, or long, dense paragraphs\u00a0makes\u00a0the content harder to read and understand for everyone, particularly those with cognitive or neurological impairments.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">An 8th-grade reading level is recommended for broad accessibility.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Not using semantic HTML<\/h2>\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/how-screen-readers-work\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Screen readers<\/u><\/a> are tools used to help people with vision impairments or other cognitive challenges read and engage with online content. They\u2019re not just for blind people, but also for those with conditions like glaucoma and cataracts. But you must have accessible content in order for the screen reader to give a good experience to the subscriber, and semantic HTML is the key to doing this well.<\/p>\n\n<p class=\"wp-block-paragraph\">Semantic HTML tells a screen reader how to interpret various elements such as headings, buttons, and paragraphs.<\/p>\n\n<p class=\"wp-block-paragraph\">Using semantic tags such as &lt;h1&gt;, &lt;p&gt;, &lt;button&gt;, and &lt;nav&gt; enables the screen reader to tell the subscriber what those various elements are. It also allows for quicker scanning of the email. Otherwise, they have to wait for the reader to go through the\u00a0<em>entire<\/em>\u00a0email. <\/p>\n\n<p class=\"wp-block-paragraph\">But with headings, they can skip faster to various sections. Other tags, such as &lt;b&gt; and &lt;div&gt;, are non-semantic HTML, and screen readers don\u2019t respond to them.<a href=\"https:\/\/www.w3schools.com\/html\/html5_semantic_elements.asp\">\u00a0<u>Here\u2019s a list<\/u><\/a>\u00a0of more semantic and non-semantic HTML elements. Note that many email clients may not fully support ARIA roles, making this a complex area.<\/p>\n\n<h2 class=\"wp-block-heading\">Sending image-only emails<\/h2>\n\n<p class=\"wp-block-paragraph\">This is one of the most annoying email experiences and one of the most unwise mistakes you can make. For one, many people with normal vision have their email client set to not render images. So if you send an email that\u2019s just an image, they\u2019ll see nothing when they open it up. That\u2019s bad.<\/p>\n\n<p class=\"wp-block-paragraph\">But beyond that, image-only emails are about the most inaccessible emails you could possibly send because screen readers can\u2019t engage with any of the content within the image (unless you use alt text, which we\u2019ll discuss in a bit). So if you create a big beautiful graphic, filled with text, images, and a CTA, anyone using a screen reader will miss your entire message.<\/p>\n\n<p class=\"wp-block-paragraph\">Can\u2019t do much worse than that when the goal is email\u00a0<em>marketing<\/em>.<\/p>\n\n<p class=\"wp-block-paragraph\">Instead, make sure your most important information is included as live text. Always use live text for\u00a0important information\u00a0and interactive elements. You can still include images to enhance key points or draw attention to specific things. You can even find ways to tastefully repeat your call to action in both live text and on images. But if you have to choose only one \u2013 live text is the way to go.<\/p>\n\n<p class=\"wp-block-paragraph\">Ask yourself: \u201cIf none of these images load and I\u2019m only left with text, will people still understand my message?\u201d<\/p>\n\n<p class=\"wp-block-paragraph\">An email accessibility check,\u00a0<a href=\"https:\/\/www.emailonacid.com\/email-accessibility\/\"><u>like one from Email on Acid<\/u><\/a>,\u00a0can also help you spot gaps.<\/p>\n\n<h2 class=\"wp-block-heading\">Burying key text on images<\/h2>\n\n<p class=\"wp-block-paragraph\">Image-only emails are one thing. But if you do send images as part of your email, you still need to make sure your key messages and CTAs appear in the text portion of the email too.<\/p>\n\n<p class=\"wp-block-paragraph\">Why? Because if the CTA only shows up in the image, then anyone using a screen reader will not see it. If they don\u2019t see it, they can\u2019t click on it.<\/p>\n\n<p class=\"wp-block-paragraph\">So, it\u2019s okay if you want to put a CTA on the image to engage everyone else, but you should also put it elsewhere in the email where\u00a0<em>everyone<\/em>\u00a0will be sure to see it. And that goes for any other messaging or critical text elements that you want everyone to see.<\/p>\n\n<p class=\"wp-block-paragraph\">And while we\u2019re on the topic, even if you do incorporate messaging onto images, don\u2019t forget about color contrast. In general, it\u2019s risky to combine text with images, unless it\u2019s done very delicately.<\/p>\n\n<h2 class=\"wp-block-heading\">Hard to read buttons<\/h2>\n\n<p class=\"wp-block-paragraph\">Like images, color contrast on buttons is a common cause of poor email accessibility. The color of the button, the color of the text on it, and the color of the background all work together to deliver either an easy reading experience or a frustrating one.<\/p>\n\n<p class=\"wp-block-paragraph\">Buttons that lack sufficient color contrast, are too small, or\u00a0don&rsquo;t\u00a0have clear\u00a0semantic\u00a0meaning (e.g., using `role=\u00a0\u00bbbutton\u00a0\u00bb` for screen readers) hinder interaction for users with motor impairments or those using screen readers.\u00a0<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_3.png\" alt=\"T\u00e9l\u00e9chargez l&apos;ebook gratuit d\u00e8s aujourd&apos;hui !\" class=\"wp-image-4234\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_3.png 800w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_3-300x200.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_3-768x513.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n<h2 class=\"wp-block-heading\">Invisible links<\/h2>\n\n<p class=\"wp-block-paragraph\">It\u2019s common to make links appear as different colors from the rest of the text. But for subscribers who have any form of color blindness, this increases the risk they\u2019ll not see the link. Links that are\u00a0not\u00a0clearly distinguishable from surrounding text, either by color (without sufficient contrast) or underlining, can be missed by users. Red-green color blindness is\u00a0<a href=\"https:\/\/www.nei.nih.gov\/learn-about-eye-health\/eye-conditions-and-diseases\/color-blindness\/types-color-blindness\"><u>the most common form<\/u><\/a>, but there are others.<\/p>\n\n<p class=\"wp-block-paragraph\">To avoid this, use other visual cues, such as underlining it, putting stars around it, or using arrows or other graphic elements to draw attention to it.<\/p>\n\n<h2 class=\"wp-block-heading\">Non-descriptive link text\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">Using generic phrases like \u00ab\u00a0Click here\u00a0\u00bb or \u00ab\u00a0Learn More\u00a0\u00bb as hyperlink anchor text provides no context about the destination for screen reader users, who often\u00a0navigate by\u00a0a list of links.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Invisible images &#8211; no alt text<\/h2>\n\n<p class=\"wp-block-paragraph\">People relying on screen readers won\u2019t be able to see your images. So, what can you do? The only way around this is to\u00a0<a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-marketing\/5-tips-for-writing-alt-text-in-email\/\"><u>write alt text for every image<\/u><\/a>. Without this, they might as well be invisible to a person with a vision impairment.<\/p>\n\n<p class=\"wp-block-paragraph\">Alt text describes the image, but you must use enough detail so the subscriber has a clear understanding of what it\u2019s showing, and if there\u2019s any text on it, what it says.<\/p>\n\n<p class=\"wp-block-paragraph\">Why doesn\u2019t this solve the image-only email problem mentioned earlier? Because if the entire email is an image, then the alt text would basically have to express the entire message of the email, as contained in the image. If you\u2019re going to do that, then why not just\u2026write it in the email. Alt text isn\u2019t the place for an entire email message.<\/p>\n\n<p class=\"wp-block-paragraph\">Additionally, it&rsquo;s not the place to be verbose, so you can avoid redundant phrases like \u00ab\u00a0picture of\u00a0\u00bb in alt text or body copy.<\/p>\n\n<h2 class=\"wp-block-heading\">Videos without captions or transcripts\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">For emails\u00a0containing\u00a0video content, omitting captions or transcripts creates significant barriers for individuals who are deaf or hard of hearing.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Inaccessible attachments\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">Attaching documents that are\u00a0not\u00a0accessible (e.g., PDFs without proper tagging,\u00a0alt\u00a0text, or logical reading order) can prevent users of assistive technology from accessing\u00a0important information.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Excessive or distracting animations\u00a0\u00a0<\/h2>\n\n<p class=\"wp-block-paragraph\">While engaging, too many animations can be distracting and disorienting, particularly for users with cognitive disabilities or sensitivities to motion.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Reading Spanish emails with an English accent<\/h2>\n\n<p class=\"wp-block-paragraph\">Email accessibility isn\u2019t just about visual impairments. If you have email segments that include people who speak different languages, what will someone in that segment experience if they also rely on a screen reader?<\/p>\n\n<p class=\"wp-block-paragraph\">You can tell a screen reader which language the email is written in, and this will affect how it communicates the email to the subscriber. It\u2019s another detail that\u2019s easy to overlook. It\u2019s another thing that Email on Acid\u2019s\u00a0<a href=\"https:\/\/www.emailonacid.com\/email-accessibility\/\"><u>accessibility tool<\/u><\/a>\u00a0does automatically so you never have to worry about it.<\/p>\n\n<h2 class=\"wp-block-heading\">Centering all your text<\/h2>\n\n<p class=\"wp-block-paragraph\">This generally looks terrible, so just don\u2019t do it. It\u2019s harder to read for everyone. But centered text, especially when we\u2019re talking about entire paragraphs, is especially hard to read for people with dyslexia.<\/p>\n\n<p class=\"wp-block-paragraph\">Left-aligned text is\u00a0generally preferred\u00a0because\u00a0<a href=\"https:\/\/uxmovement.com\/content\/why-you-should-never-center-align-paragraph-text\/\" target=\"_blank\" rel=\"noreferrer noopener\">it creates a straight left edge<\/a>\u00a0where the first letters of each line align, making the email easier to read.\u00a0This\u00a0alignment helps subscribers quickly\u00a0locate\u00a0where each line begins,\u00a0reducing effort for readers, including those with dyslexia or visual impairments.\u00a0<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"936\" height=\"558\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_4.png\" alt=\"Comparaison montrant un texte align\u00e9 \u00e0 gauche avec un bord gauche droit et un texte centr\u00e9 avec un bord gauche irr\u00e9gulier\" class=\"wp-image-4235\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_4.png 936w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_4-300x179.png 300w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/Email_accessibility_4-768x458.png 768w\" sizes=\"(max-width: 936px) 100vw, 936px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/uxmovement.com\/content\/why-you-should-never-center-align-paragraph-text\/\"><em>Source<\/em><\/a><\/figcaption><\/figure>\n\n<p class=\"wp-block-paragraph\">Still want to use centered text? Try to keep it just to headlines or short, standalone sentences.<\/p>\n\n<h2 class=\"wp-block-heading\">Not coding tables correctly<\/h2>\n\n<p class=\"wp-block-paragraph\">If you use tables in emails for layout without adding the attribute role=\u201dpresentation,\u201d screen readers can misinterpret them as data tables and vocalize all the HTML code aloud, which makes the experience confusing for subscribers relying on assistive technology. Adding role=\u201dpresentation\u201d tells screen readers to treat the table purely as a visual layout element, improving accessibility significantly.\u00a0<\/p>\n\n<h2 class=\"wp-block-heading\">Missing or unclear subject lines and preheaders<\/h2>\n\n<p class=\"wp-block-paragraph\">This one again affects far more people than just those with vision impairments. Anyone relying on Siri or Alexa to read their emails to them will know if you make this mistake.<\/p>\n\n<p class=\"wp-block-paragraph\">Screen readers and voice readers rely on clear subject lines and preheaders to convey what the email is about. Using vague or teasing subject lines like \u201cIt\u2019s your lucky day\u2026\u201d or \u201cDetails\u00a0inside!\u201d can be confusing and frustrating \u2013 especially for people with cognitive impairments, memory loss, or dyslexia \u2013 as these phrases don\u2019t provide meaningful context, making it harder for subscribers to decide whether to engage with the email.\u00a0<\/p>\n\n<p class=\"wp-block-paragraph\">First of all, never leave the subject line blank or let the pre-header text fill automatically. It won\u2019t be inspiring to anyone reading\u00a0<em>or\u00a0<\/em>listening.<\/p>\n\n<p class=\"wp-block-paragraph\">Instead, be intentional about what you write. Even if you don\u2019t think what you\u2019ve written is award-winning, studies show anywhere from a\u00a0<a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-marketing\/increase-email-open-rates-complete-guide\/\"><u>3-8% increase in open rates<\/u><\/a>\u00a0when you include even any sort of intentional preheater text.<\/p>\n\n<p class=\"wp-block-paragraph\">For subject lines, aim for something exciting and engaging, but don\u2019t be dishonest or overly cheesy (unless that\u2019s your brand, of course!). Subscribers have become wise to click-bait and sensational headlines. And if you promise something that the email doesn\u2019t contain, your next email\u2019s click-through rate is going to suffer\u2026 and so will your deliverability.<\/p>\n\n<p class=\"wp-block-paragraph\">Don\u2019t waste space with something like a repeat of the subject line. Instead, the preheader text should complement the subject. For example, if the subject line poses a question, the pre-header text could start to answer the question.<\/p>\n\n<p class=\"wp-block-paragraph\">Need some inspiration: See\u00a0<a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-marketing\/5-preheader-text-ideas-to-increase-your-email-effectiveness\/\"><u>five email preheader text ideas to get you started<\/u><\/a>.<\/p>\n\n<h2 class=\"wp-block-heading\">Not testing your emails for accessibility<\/h2>\n\n<p class=\"wp-block-paragraph\">Failing to test\u00a0email campaigns with accessibility in mind, using tools\u00a0or by\u00a0simulating assistive technologies, means potential issues often go unnoticed before reaching subscribers. Nobody can become an accessibility expert overnight, but even fixing basic issues will push you ahead of many in the industry.<\/p>\n\n<p class=\"wp-block-paragraph\">A good place to start is by understanding how easily your current emails can be consumed. This gives you a baseline to improve upon. But trying to figure things out yourself is not only more cumbersome, but it leaves a lot of room for error. Like anything with email efficiency.\u00a0finding the right tools is key.<\/p>\n\n<p class=\"wp-block-paragraph\">Email on Acid\u2019s campaign precheck tool is designed to immediately identify potential issues and even offer instant solutions. And email accessibility is at the top of the list. Not only will it help you determine what needs more work, but it\u2019ll also give you peace of mind that when you do finally hit send, everything is perfect.\u00a0\u00a0<a href=\"https:\/\/www.emailonacid.com\/email-accessibility\/\"><u>Learn more about the Email Accessibility Campaign Precheck tool<\/u><\/a>\u00a0and how it helps you send ADA-compliant emails.<\/p>\n\n<h2 class=\"wp-block-heading\">Wrapping up<\/h2>\n\n<p class=\"wp-block-paragraph\">As you may have realized by now, there\u2019s a lot more to creating fully accessible emails \u2013 for everyone \u2013 than simply using easy-to-read colors. The more elements you add to your emails, the more likely you might be creating an accessibility problem for some of your subscribers.<\/p>\n\n<p class=\"wp-block-paragraph\"><em>Want to learn more about email accessibility?\u00a0<\/em><a href=\"https:\/\/www.mailgun.com\/fr\/blog\/\"><em>Sign up for our newsletter<\/em><\/a><em>\u00a0to get the best tips and tricks in your inbox<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parfois, s&rsquo;assurer que nous respectons les bonnes pratiques d&rsquo;accessibilit\u00e9 des emails n&rsquo;est pas chose ais\u00e9e. Voici plusieurs erreurs courantes d&rsquo;accessibilit\u00e9 des emails et comment les corriger.<\/p>\n","protected":false},"author":38,"featured_media":4074,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[20],"class_list":["post-20605","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-email"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Erreurs d&#039;accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Parfois, s&#039;assurer que nous respectons les bonnes pratiques d&#039;accessibilit\u00e9 des emails n&#039;est pas chose ais\u00e9e. Voici quelques erreurs courantes d&#039;accessibilit\u00e9 des emails et comment les corriger.\" \/>\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.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Erreurs d&#039;accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Parfois, s&#039;assurer que nous respectons les bonnes pratiques d&#039;accessibilit\u00e9 des emails n&#039;est pas chose ais\u00e9e. Voici quelques erreurs courantes d&#039;accessibilit\u00e9 des emails et comment les corriger.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T04:47:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/\",\"name\":\"Erreurs d'accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"datePublished\":\"2025-10-21T15:04:15+00:00\",\"dateModified\":\"2026-09-15T04:47:48+00:00\",\"description\":\"Parfois, s'assurer que nous respectons les bonnes pratiques d'accessibilit\u00e9 des emails n'est pas chose ais\u00e9e. Voici quelques erreurs courantes d'accessibilit\u00e9 des emails et comment les corriger.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/email\\\/erreurs-accessibilite-emails\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Erreurs d\u2019accessibilit\u00e9 des emails qui agacent les abonn\u00e9s et comment les corriger\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Des API d\u2019emails transactionnels puissantes qui vous permettent d'envoyer, de recevoir et de suivre des emails, con\u00e7ues pour les d\u00e9veloppeurs. En savoir plus d\u00e8s aujourd'hui !\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Erreurs d'accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun","description":"Parfois, s'assurer que nous respectons les bonnes pratiques d'accessibilit\u00e9 des emails n'est pas chose ais\u00e9e. Voici quelques erreurs courantes d'accessibilit\u00e9 des emails et comment les corriger.","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.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/","og_locale":"fr_FR","og_type":"article","og_title":"Erreurs d'accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun","og_description":"Parfois, s'assurer que nous respectons les bonnes pratiques d'accessibilit\u00e9 des emails n'est pas chose ais\u00e9e. Voici quelques erreurs courantes d'accessibilit\u00e9 des emails et comment les corriger.","og_url":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-15T04:47:48+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/","url":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/","name":"Erreurs d'accessibilit\u00e9 des emails et comment les corriger - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","datePublished":"2025-10-21T15:04:15+00:00","dateModified":"2026-09-15T04:47:48+00:00","description":"Parfois, s'assurer que nous respectons les bonnes pratiques d'accessibilit\u00e9 des emails n'est pas chose ais\u00e9e. Voici quelques erreurs courantes d'accessibilit\u00e9 des emails et comment les corriger.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/fr\/blog\/email\/erreurs-accessibilite-emails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/fr\/blog\/"},{"@type":"ListItem","position":3,"name":"Erreurs d\u2019accessibilit\u00e9 des emails qui agacent les abonn\u00e9s et comment les corriger"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/fr\/#website","url":"https:\/\/www.mailgun.com\/fr\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Des API d\u2019emails transactionnels puissantes qui vous permettent d'envoyer, de recevoir et de suivre des emails, con\u00e7ues pour les d\u00e9veloppeurs. En savoir plus d\u00e8s aujourd'hui !","publisher":{"@id":"https:\/\/www.mailgun.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/fr\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.mailgun.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/20605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":2,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/20605\/revisions"}],"predecessor-version":[{"id":20718,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog\/20605\/revisions\/20718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/media?parent=20605"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/fr\/wp-json\/wp\/v2\/blog_category?post=20605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}