Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wilbertheinen/accessible-email-documentation

A list of great articles about accessibility in email
https://github.com/wilbertheinen/accessible-email-documentation

a11y accessibility email email-geeks email-marketing html-email

Last synced: 3 days ago
JSON representation

A list of great articles about accessibility in email

Awesome Lists containing this project

README 

        
# 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/) NEW**

* **[The article element](https://heydonworks.com/article/the-article-element/) NEW**

* **[Why image-based emails are bad](https://a11y.email/why-image-based-emails-are-bad/) NEW**

* **[Landmarks in email](https://a11y.email/landmarks-in-email/) 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)



## 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/)



## 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/)



## 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)



## 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/)



## 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/)