accessible-email-documentation
# Accessible Email **A list of great articles, tools, presentations and resources about accessibility in general and specifically for email** ## Articles * [Email Accessibility: A Complete Guide for Marketers, Designers, and Developers](https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/) * [Accessibility in Email Marketing](https://mailchimp.com/resources/accessibility-in-email-marketing/) * [Accessibility in Email Marketing](http://kb.mailchimp.com/campaigns/previews-and-tests/accessibility-in-email-marketing) * [How to design accessible email newsletters](https://www.bbc.co.uk/gel/guidelines/how-to-design-accessible-email-newsletters) * [4 aspecten waarmee je jouw e-mailnieuwsbrieven toegankelijker maakt](https://www.frankwatching.com/archive/2017/02/02/4-aspecten-waarmee-je-jouw-e-mailnieuwsbrieven-toegankelijker-maakt/) [Dutch] * [6 oplossingen om je nieuwsbrief nóg toegankelijker te maken](https://www.frankwatching.com/archive/2017/02/09/6-oplossingen-om-je-nieuwsbrief-nog-toegankelijker-te-maken/) [Dutch] * [Inclusive design maakt e-mail toegankelijk voor iedereen](https://www.emerce.nl/achtergrond/inclusive-design-maakt-e-mail-toegankelijk-voor-iedereen) [Dutch] * [Community Contest: Creating an Accessible Email](https://litmus.com/community/discussions/6075-community-contest-creating-an-accessible-email) * [We’re Just Temporarily Abled](https://uxmag.com/articles/we-re-just-temporarily-abled) * [Stop Designing For Only 85% Of Users: Nailing Accessibility In Design](https://www.smashingmagazine.com/2017/10/nailing-accessibility-design/) * [Accessibility according to actual people with disabilities](https://axesslab.com/accessibility-according-to-pwd/) * [Alt-texts: The Ultimate Guide](https://axesslab.com/alt-texts/) * [Trends That Exclude](https://axesslab.com/trends/) * [I thought title text improved accessibility. I was wrong.](https://silktide.com/blog/accessibility/i-thought-title-text-improved-accessibility-i-was-wrong/) * [HTML Email and Accessibility](https://css-tricks.com/html-email-accessibility/) * [Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility](https://css-tricks.com/small-tweaks-can-make-huge-impact-websites-accessibility/) * [Email accessibility in action](https://www.hteumeuleu.com/2018/email-accessibility-in-action/) * [Title Texts Suck](https://axesslab.com/title-texts-suck/) * [Text Splitting Causes Screen Reader Problems](https://axesslab.com/text-splitting/) * [Hand tremors and the giant-button-problem](https://axesslab.com/hand-tremors/) * [Designing For Accessibility And Inclusion](https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/) * [Inclusive Design: 12 Ways to Design for Everyone](https://www.shopify.co.uk/partners/blog/inclusive-design) * [Why does email accessibility matter?](https://content.myemma.com/blog/why-does-email-accessibility-matter) * [How to test accessibility of emails](https://cm.engineering/how-to-test-accessibility-of-emails-b68fed03f5f4) * [Designing for accessibility is not that hard](https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94) * [Accessibility and Inclusion with the World’s Most Popular Communication Tool: Email](https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/) * [Why digital accessibility matters](https://www.invisionapp.com/inside-design/why-digital-accessibility-matters/) * [Accessibility in Email Marketing: 7 Simple Tricks to Make Your Code More Accessible](https://www.litmus.com/blog/7-simple-tricks-to-make-your-email-code-more-accessible/) * [Why Ignoring Email Accessibility is Hurting Your Business](https://optinmonster.com/why-ignoring-email-accessibility-is-hurting-your-business/) * [Rodriguez: The Difference Between Accessibility and Inclusion in Email Marketing](https://www.onlyinfluencers.com/email-marketing-blog-posts/best-practice-email-strategy/entry/the-difference-between-accessibility-and-inclusion-in-email-marketing) * [Email Accessibility: Looks aren’t everything.](https://explore.reallygoodemails.com/email-accessibility-looks-arent-everything-ad0b1f6af0a4) * [Accessibility vs. Inclusion: What it Takes to Create More Inclusive Email Marketing Experiences](https://www.litmus.com/blog/accessibility-vs-inclusion-what-it-takes-to-create-more-inclusive-email-marketing-experiences/) * [Accessibility in Digital Marketing](http://www.emaildesignreview.com/uncategorized/accessibility-in-digital-marketing-4148/) * [The Myths of Color Contrast Accessibility](https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/) * [Email Design Accessibility: Why It Is Important to Improve It](https://designmodo.com/email-accessibility/) * [Make email accessibility your New Year’s resolution](https://www.mailgun.com/blog/make-email-accessibility-your-new-years-resolution/) * [Accessibility in Email: Making it real](https://paul-airy.medium.com/accessibility-in-email-making-it-real-31bd289d285c) * [The effect of CSS on screen readers](https://uselessdivs.com/blog/the-effect-of-css-on-screen-readers) * [Writing great alt text: Emotion matters](https://jakearchibald.com/2021/great-alt-text/) * [Writing alternative text that matters](https://www.a11ywithlindsey.com/blog/writing-alternative-text-matters) * [Some questions on accessibility in email — answered](https://paul-airy.medium.com/some-questions-on-accessibility-in-email-answered-7e231f375fd3) * [How to Code Accessible Emails with Semantic HTML and ARIA](https://www.emailonacid.com/blog/article/email-development/how-to-code-accessible-emails/) * [Alternative Text](https://webaim.org/techniques/alttext/) * [Using rem and em units in email](https://www.goodemailcode.com/email-accessibility/rem-and-em) * [Should you use an h1 in email code?](https://www.goodemailcode.com/email-accessibility/should-you-use-an-h1-in-email-code) * [ARIA landmarks in email](https://www.goodemailcode.com/email-accessibility/aria-landmarks-in-html-email) * [Text In Images](https://www.goodemailcode.com/email-accessibility/text-in-images) * [How to Conform to WCAG (Web Content Accessibility Guidelines) in Email](https://webdesign.tutsplus.com/tutorials/apply-web-content-accessibility-guidelines-to-email--cms-39050) * [No Accessibility Without Disabilities](https://yatil.net/blog/no-accessibility-without-disabilities) * [Everything I know about alt text](https://www.maxkohler.com/posts/everything-i-know-about-alt-text) * [First rule of ARIA – do not use ARIA – and why it is so important](https://cerovac.com/a11y/2020/09/first-rule-of-aria-do-not-use-aria-and-why-it-is-so-important/) * [The business case for accessibility](https://tetralogical.com/blog/2022/04/05/business-case-for-accessibility/) * [The Litmus Team’s Favorite Emails of April 2023](https://www.litmus.com/blog/favorite-emails-april-2023) * [Why font-size must NEVER be in pixels](https://fedmentor.dev/posts/font-size-px/) * [Notes from the Dev: Email Accessibility Insights for Developers](https://www.emailonacid.com/blog/article/email-development/accessibility-insights-developers/) * [European Accessibility Act: What you need to know](https://www.craigabbott.co.uk/blog/european-accessibility-act-what-you-need-to-know/) * [Friendly Reminder: Write Good Alt Text](https://www.a11y.email/friendly-reminder-write-good-alt-text/) * [The Surprising Truth About Pixels and Accessibility](https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/) * [Aria-label or Alt?](https://www.a11y.email/basics-aria-label-or-alt/) * [What makes up an accessible email CTA?](https://www.a11y.email/component-cta-buttons/) * [Write Alt Text Like You’re Talking To A Friend](https://cloudfour.com/thinks/write-alt-text-like-youre-talking-to-a-friend/) * [Making accessibility a habit](https://blocksedit.com/content-code/accessibility-habit/) * [The article element](https://heydonworks.com/article/the-article-element/) * [Why image-based emails are bad](https://a11y.email/why-image-based-emails-are-bad/) * [Landmarks in email](https://a11y.email/landmarks-in-email/) * **[WCAG Colour Contrast: What does the 4.5:1 ratio actually mean?](https://davedavies.dev/posts/wcag-colour-contrast-explained/) NEW** ## Presentations * [A Type of Accessibility](https://www.slideshare.net/paulairy/a-type-of-accessibility-65004974) * [Accessibility in email - #EoAInsights](https://www.slideshare.net/M_J_Robbins/accessibility-in-email-eoainsights) * [5 Pro Tips for Making Your Email More Accessible](https://www.slideshare.net/eROIAgency/roledrinks-ams-meetup-5-pro-tips-for-making-your-email-more-accessible) * [Exclusive Design – Vasilis van Gemert – btconfBER2017](https://www.youtube.com/watch?v=T7pJmrxcesI) [VIDEO] * [Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017](https://www.youtube.com/watch?v=NUaEhil4vrc&index=15&list=PLn7dsvRdQEfGvHBILiQDsrkVf3oo0-shO) [VIDEO] * [Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017](https://docs.google.com/presentation/d/1GvnKKKIFvjyzly5mvr_LLMKMgD4XNWgj1dlbIpSMkfE/edit#slide=id.g273d2bad7e_0_440) [SLIDES] * [Inclusive Design 24 (#ID24) - A Free 24-Hour Online Community Event On Accessibility organized by The Paciello Group](https://www.inclusivedesign24.org/) * [Email Accessibility Resources](https://docs.google.com/document/d/1wKvh0cpzwwnU5JsN8EnHNW2_PlrknzBQkPPqXGiZRcI/edit) [Google Doc] * [Email Accessibility Tips from the Pros](https://litmus.com/resources/email-accessibility-tips-from-the-pros) [VIDEO] * [Accessibility in AMP](https://www.youtube.com/watch?v=XPdmigsP0Sw&feature=youtu.be&t=2563) [VIDEO] * [Email Accessibility: Fulfill Your Legal Responsibilities and Expand Your Reach](https://blogs.oracle.com/marketingcloud/post/email-accessibility-fulfill-your-legal-responsibilities-and-expand-your-reach) [VIDEO] * [How to Make Ancient HTML Accessible](https://www.slideshare.net/StacyCarston/emails-how-to-make-ancient-html-accessible) * [Accessibility Implementation: Removing the Resistance with Behavioural Science](https://www.beyondtheenvelope.co.uk/litmus-live-2023/Accessibility-Implementation.pdf) ## Tools * [accessible-email.org](https://www.accessible-email.org/) * [WebAIM - Contrast Checker](https://webaim.org/resources/contrastchecker/) * [VoiceOver Cheatsheet](https://twitter.com/mayabenari/status/822241555142426625) * [Text alternatives - a decision tree](https://4syllables.com.au/articles/text-alternatives-decision-tree/) * [An ongoing project to try and curate beautiful color palettes that are a11y friendly](https://www.randoma11y.com/) * [Funkify - Plugin for Chrome that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities](https://www.funkify.org/) * [Contrast — Color Accessibility](https://apps.apple.com/app/contrast/id1254981365?ign-mpt=uo%3D6&mt=12) * [colororacle.org](http://colororacle.org/) * [accessible-colors.com](https://accessible-colors.com/) * [Accessible Brand Colors - A tool that evaluates the ADA compliance of your brand’s color palette](https://abc.useallfive.com/) * [Email on Acid Accessibility Check](https://d1cr57qij2cwzh.cloudfront.net/wp-content/uploads/2018/11/Campaign-Precheck-Accessibility-Help-Center-Doc.pdf) * [Litmus Accessibility Check](https://www.litmus.com/blog/accessible-email-made-easy-introducing-accessibility-checks-in-litmus/) * [Leonardo: an open source contrast-based color generator](https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2) * [axe Accessibility Linter for VS Code](https://www.deque.com/blog/shift-further-left-with-deques-axe-linter-for-vs-code/) * [A Complete Guide To Accessibility Tooling](https://www.smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/) * [Check Your WCAG Compliance](https://www.a11yproject.com/checklist/) * [Accessibility tools for everyone](https://parcel.io/blog/accessibility-tools) * [Parcel - The Email Coding Platform](https://parcel.io/) * [Accessibility testers you can trust](https://makeitfable.com/testers/) * [Email Reader View](https://emailmarkup.org/en/blog/2023/email-reader-view/) * [WCAG Plugin (Figma)](https://www.figma.com/community/plugin/1373362852131056921/wcag-plugin) * **[Find out how many people might have a disability or impairment, who could use your service](https://accessibility.education.gov.uk/app/how-many-people) NEW** ## Resources * [microsoft.com/design](https://www.microsoft.com/design) * [smashingmagazine.com/category/accessibility](https://www.smashingmagazine.com/category/accessibility) * [Dos and don'ts on designing for accessibility](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/) * [The Accessibility Cheatsheet](https://bitsofco.de/the-accessibility-cheatsheet/) * [a11yweekly.com](https://a11yweekly.com/) * [axesslab.com](https://axesslab.com/) * [How to Craft the Perfect Accessible Email](https://email.uplers.com/infographics/emails-accessibility-best-practices/) * [24 days of digital accessibility gifts during the season of giving and sharing](https://www.24a11y.com/) * [Email development: Email accessibilty in 2017](https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/) * [a11ysupport.io](https://a11ysupport.io/) * [A Designers Accessibility Checklist](https://www.actionrocket.co/email-design-review/designerchecklist) * [Email Design Review - Accessibility Posts](https://www.actionrocket.co/email-design-review/category/Accessibility) * [Screen Reader User Survey #9 Results](https://webaim.org/projects/screenreadersurvey9/) * [ARIA in HTML](https://www.w3.org/TR/html-aria/) * [Episode 1 - Introduction to email accessibility](https://trailhead.salesforce.com/live/videos/a2r3k000001vD99/episode-1-introduction-to-email-accessibility/) * [Episode 2 - Creating accessible email content](https://trailhead.salesforce.com/live/videos/a2r3k000001vD1B/episode-2-creating-accessible-email-content/) * [Episode 3 - Coding accessible email campaigns](https://trailhead.salesforce.com/live/videos/a2r3k000001vD8k/episode-3-coding-accessible-email-campaigns/) * [Episode 4 - Email accessibility testing and tools](https://trailhead.salesforce.com/live/videos/a2r3k000001vD6F/episode-4-email-accessibility-testing-and-tools) * [Learning web accessibility made easy](https://a11yphant.com/) * [The Book on Accessibility](https://www.thebookonaccessibility.com/) * [WCAG, but in language I can understand](https://www.tempertemper.net/blog/wcag-but-in-language-i-can-understand) * [a11y.email/resources-links](https://www.a11y.email/resources-links/) * [Accessibility Myths](https://a11ymyths.com/) * **[WCAG in Plain English](https://aaardvarkaccessibility.com/wcag-plain-english/) NEW** ## Guides * [Accessibility and Email Campaigns](https://www.campaignmonitor.com/resources/guides/accessibility/) * [Email Accessibility: Your Ultimate Guide](https://litmus.com/blog/ultimate-guide-accessible-emails) * [A Beginner’s Guide to Email Accessibility (Checklist + Resources)](https://webdesign.tutsplus.com/tutorials/a-beginners-guide-to-email-accessibility--cms-31240) * [Accessibility for teams](https://accessibility-for-teams.com/) * [An interactive guide to color & contrast](https://colorandcontrast.com/#/) * [Writing for email: A Copywriter's Accessibility Guide](https://www.actionrocket.co/email-design-review/writing-for-email-a-copywriters-accessibility-guide) * [Guide to testing emails with a screen reader](https://parcel.io/guides/testing-emails-with-a-screen-reader) * [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/) * [A Roundup Of WCAG 2.2 Explainers](https://www.smashingmagazine.com/2023/10/roundup-wcag-explainers/) * [Fix Color Contrast – Web Accessibility for Text & UI Design](https://pimpmytype.com/color-contrast/) * [How To Make A Strong Case For Accessibility](https://smart-interface-design-patterns.com/articles/accessibility-strong-case/) * **[Principles Of Web Accessibility](https://github.com/Heydon/principles-of-web-accessibility) NEW** ## Books * [Inclusive design patterns](https://www.smashingmagazine.com/2016/10/inclusive-design-patterns/) * [Accessibility for everyone](https://abookapart.com/products/accessibility-for-everyone) ## Webinars/Podcasts * [Accessibility in email](https://www.emailonacid.com/resource/accessibility-in-email/) * [5 tips for making more accessible emails](https://www.litmus.com/blog/email-design-podcast-73-5-tips-for-making-more-accessible-emails/) * [Email accessibility with Net Atlantic](https://www.emailonacid.com/resource/email-accessibility-net-atlantic/) * [Delivering Episode 7: Why is digital accessibility so important](https://www.litmus.com/blog/delivering-episode-7-why-is-digital-accessibility-so-important/) * [Email accessibility: How to make email for everyone in 3 easy steps](https://www.litmus.com/resources/email-accessibility-how-to-make-email-for-everyone-in-3-easy-steps/) * [Panel: The Import of Accessibility in Email Design - Paul Airy, Megan Boshuyzen, Ornella Gallo](https://vimeo.com/661643656/ebea613c4d) * [#88. Email Accessability with Megan Boshuyzen](https://flowium.com/podcasts/email-accessability-megan-boshuyzen/) * [How to Make Your Emails More Accessible](https://www.sparkpost.com/send-it-school/email-accessibility/?vid=display) * [Notes from the Dev: Email Accessibility Insights for Developers](https://www.emailonacid.com/blog/article/email-development/accessibility-insights-developers/) * [Exploring email accessibility with Sarah Gallardo](https://stripo.email/webinars/exploring-email-accessibility-with-sarah-gallardo/) * [Rian Rietveld on Understanding the European Accessibility Act and Its Impact on Websites](https://wptavern.com/podcast/127-rian-rietveld-on-understanding-the-european-accessibility-act-and-its-impact-on-websites) * **[From compliance to connection: Why businesses must embrace email accessibility](https://www.litmus.com/resources/why-businesses-must-embrace-email-accessibility) NEW** ## Courses * [Learn Email Accessibility with The Better Email](https://thebetter.email/guides/on-accessibility/) ## Infographic * [Email on Acid Accessibility Infographic](https://media.emailonacid.com/wp-content/uploads/2018/03/EOA_Accessibility_Infographic.pdf?_gl=1*c8jl6x*_gcl_au*MTI3OTk4ODI1NC4xNjkyNzM3MTA2) ## Reports * [Accessibility Report 2023](https://emailmarkup.org/en/reports/accessibility/2023/) * [Accessibility Report 2024](https://emailmarkup.org/en/reports/accessibility/2024/) * **[Accessibility Report 2025](https://emailmarkup.org/en/reports/accessibility/2025/) NEW** ## Legislation * [Rian Rietveld on Understanding the European Accessibility Act and Its Impact on Websites](https://wptavern.com/podcast/127-rian-rietveld-on-understanding-the-european-accessibility-act-and-its-impact-on-websites) * [The European Accessibility Act: Empowering Inclusion in Digital Environments](https://medium.com/@norbert-pap/the-european-accessibility-act-empowering-inclusion-in-digital-environments-c5d58f2d854f) * [European Accessibility Act (EAA): Top 20 Key Questions Answered](https://www.deque.com/blog/european-accessibility-act-eaa-top-20-key-questions-answered/) * [European Accessibility Act (EAA) – What you need to know](https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/)