{"id":13622135,"url":"https://github.com/wilbertheinen/accessible-email-documentation","last_synced_at":"2025-04-15T05:33:46.166Z","repository":{"id":47604697,"uuid":"85297525","full_name":"wilbertheinen/accessible-email-documentation","owner":"wilbertheinen","description":"A list of great articles about accessibility in email","archived":false,"fork":false,"pushed_at":"2024-09-17T19:51:33.000Z","size":67,"stargazers_count":109,"open_issues_count":1,"forks_count":13,"subscribers_count":16,"default_branch":"master","last_synced_at":"2024-09-18T00:19:18.962Z","etag":null,"topics":["a11y","accessibility","email","email-geeks","email-marketing","html-email"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wilbertheinen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-03-17T10:03:11.000Z","updated_at":"2024-09-17T19:51:37.000Z","dependencies_parsed_at":"2024-09-17T23:49:15.090Z","dependency_job_id":null,"html_url":"https://github.com/wilbertheinen/accessible-email-documentation","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wilbertheinen%2Faccessible-email-documentation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wilbertheinen%2Faccessible-email-documentation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wilbertheinen%2Faccessible-email-documentation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wilbertheinen%2Faccessible-email-documentation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wilbertheinen","download_url":"https://codeload.github.com/wilbertheinen/accessible-email-documentation/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223661382,"owners_count":17181660,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a11y","accessibility","email","email-geeks","email-marketing","html-email"],"created_at":"2024-08-01T21:01:14.589Z","updated_at":"2024-11-08T09:30:56.684Z","avatar_url":"https://github.com/wilbertheinen.png","language":null,"funding_links":[],"categories":["Others"],"sub_categories":[],"readme":"# Accessible Email\n**A list of great articles, tools, presentations and resources about accessibility in general and specifically for email**\n\n## Articles\n* [Email Accessibility: A Complete Guide for Marketers, Designers, and Developers](https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/)\n* [Accessibility in Email Marketing](https://mailchimp.com/resources/accessibility-in-email-marketing/)\n* [Accessibility in Email Marketing](http://kb.mailchimp.com/campaigns/previews-and-tests/accessibility-in-email-marketing)\n* [How to design accessible email newsletters](https://www.bbc.co.uk/gel/guidelines/how-to-design-accessible-email-newsletters)\n* [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]\n* [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]\n* [Inclusive design maakt e-mail toegankelijk voor iedereen](https://www.emerce.nl/achtergrond/inclusive-design-maakt-e-mail-toegankelijk-voor-iedereen) [Dutch]\n* [Community Contest: Creating an Accessible Email](https://litmus.com/community/discussions/6075-community-contest-creating-an-accessible-email)\n* [We’re Just Temporarily Abled](https://uxmag.com/articles/we-re-just-temporarily-abled)\n* [Stop Designing For Only 85% Of Users: Nailing Accessibility In Design](https://www.smashingmagazine.com/2017/10/nailing-accessibility-design/)\n* [Accessibility according to actual people with disabilities](https://axesslab.com/accessibility-according-to-pwd/)\n* [Alt-texts: The Ultimate Guide](https://axesslab.com/alt-texts/)\n* [Trends That Exclude](https://axesslab.com/trends/)\n* [I thought title text improved accessibility. I was wrong.](https://silktide.com/blog/accessibility/i-thought-title-text-improved-accessibility-i-was-wrong/)\n* [HTML Email and Accessibility](https://css-tricks.com/html-email-accessibility/)\n* [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/)\n* [Email accessibility in action](https://www.hteumeuleu.com/2018/email-accessibility-in-action/)\n* [Title Texts Suck](https://axesslab.com/title-texts-suck/)\n* [Text Splitting Causes Screen Reader Problems](https://axesslab.com/text-splitting/)\n* [Hand tremors and the giant-button-problem](https://axesslab.com/hand-tremors/)\n* [Designing For Accessibility And Inclusion](https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/)\n* [Inclusive Design: 12 Ways to Design for Everyone](https://www.shopify.co.uk/partners/blog/inclusive-design)\n* [Why does email accessibility matter?](https://content.myemma.com/blog/why-does-email-accessibility-matter)\n* [How to test accessibility of emails](https://cm.engineering/how-to-test-accessibility-of-emails-b68fed03f5f4)\n* [Designing for accessibility is not that hard](https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94)\n* [Accessibility and Inclusion with the World’s Most Popular Communication Tool: Email](https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/)\n* [Why digital accessibility matters](https://www.invisionapp.com/inside-design/why-digital-accessibility-matters/)\n* [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/)\n* [Why Ignoring Email Accessibility is Hurting Your Business](https://optinmonster.com/why-ignoring-email-accessibility-is-hurting-your-business/)\n* [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)\n* [Email Accessibility: Looks aren’t everything.](https://explore.reallygoodemails.com/email-accessibility-looks-arent-everything-ad0b1f6af0a4)\n* [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/)\n* [Accessibility in Digital Marketing](http://www.emaildesignreview.com/uncategorized/accessibility-in-digital-marketing-4148/)\n* [The Myths of Color Contrast Accessibility](https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/)\n* [Email Design Accessibility: Why It Is Important to Improve It](https://designmodo.com/email-accessibility/)\n* [Make email accessibility your New Year’s resolution](https://www.mailgun.com/blog/make-email-accessibility-your-new-years-resolution/)\n* [Accessibility in Email: Making it real](https://paul-airy.medium.com/accessibility-in-email-making-it-real-31bd289d285c)\n* [The effect of CSS on screen readers](https://uselessdivs.com/blog/the-effect-of-css-on-screen-readers)\n* [Writing great alt text: Emotion matters](https://jakearchibald.com/2021/great-alt-text/)\n* [Writing alternative text that matters](https://www.a11ywithlindsey.com/blog/writing-alternative-text-matters)\n* [Some questions on accessibility in email — answered](https://paul-airy.medium.com/some-questions-on-accessibility-in-email-answered-7e231f375fd3)\n* [How to Code Accessible Emails with Semantic HTML and ARIA](https://www.emailonacid.com/blog/article/email-development/how-to-code-accessible-emails/)\n* [Alternative Text](https://webaim.org/techniques/alttext/)\n* [Using rem and em units in email](https://www.goodemailcode.com/email-accessibility/rem-and-em)\n* [Should you use an h1 in email code?](https://www.goodemailcode.com/email-accessibility/should-you-use-an-h1-in-email-code)\n* [ARIA landmarks in email](https://www.goodemailcode.com/email-accessibility/aria-landmarks-in-html-email)\n* [Text In Images](https://www.goodemailcode.com/email-accessibility/text-in-images)\n* [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)\n* [No Accessibility Without Disabilities](https://yatil.net/blog/no-accessibility-without-disabilities)\n* [Everything I know about alt text](https://www.maxkohler.com/posts/everything-i-know-about-alt-text)\n* [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/)\n* [The business case for accessibility](https://tetralogical.com/blog/2022/04/05/business-case-for-accessibility/)\n* [The Litmus Team’s Favorite Emails of April 2023](https://www.litmus.com/blog/favorite-emails-april-2023)\n* [Why font-size must NEVER be in pixels](https://fedmentor.dev/posts/font-size-px/)\n* [Notes from the Dev: Email Accessibility Insights for Developers](https://www.emailonacid.com/blog/article/email-development/accessibility-insights-developers/)\n* [European Accessibility Act: What you need to know](https://www.craigabbott.co.uk/blog/european-accessibility-act-what-you-need-to-know/)\n* [Friendly Reminder: Write Good Alt Text](https://www.a11y.email/friendly-reminder-write-good-alt-text/)\n* [The Surprising Truth About Pixels and Accessibility](https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/)\n* [Aria-label or Alt?](https://www.a11y.email/basics-aria-label-or-alt/)\n* [What makes up an accessible email CTA?](https://www.a11y.email/component-cta-buttons/)\n* [Write Alt Text Like You’re Talking To A Friend](https://cloudfour.com/thinks/write-alt-text-like-youre-talking-to-a-friend/)\n* **[Making accessibility a habit](https://blocksedit.com/content-code/accessibility-habit/) NEW**\n* **[The article element](https://heydonworks.com/article/the-article-element/) NEW**\n* **[Why image-based emails are bad](https://a11y.email/why-image-based-emails-are-bad/) NEW**\n* **[Landmarks in email](https://a11y.email/landmarks-in-email/) NEW**\n\n## Presentations\n* [A Type of Accessibility](https://www.slideshare.net/paulairy/a-type-of-accessibility-65004974)\n* [Accessibility in email - #EoAInsights](https://www.slideshare.net/M_J_Robbins/accessibility-in-email-eoainsights)\n* [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)\n* [Exclusive Design – Vasilis van Gemert – btconfBER2017](https://www.youtube.com/watch?v=T7pJmrxcesI) [VIDEO]\n* [Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017](https://www.youtube.com/watch?v=NUaEhil4vrc\u0026index=15\u0026list=PLn7dsvRdQEfGvHBILiQDsrkVf3oo0-shO) [VIDEO]\n* [Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017](https://docs.google.com/presentation/d/1GvnKKKIFvjyzly5mvr_LLMKMgD4XNWgj1dlbIpSMkfE/edit#slide=id.g273d2bad7e_0_440) [SLIDES]\n* [Inclusive Design 24 (#ID24) - A Free 24-Hour Online Community Event On Accessibility organized by The Paciello Group](https://www.inclusivedesign24.org/)\n* [Email Accessibility Resources](https://docs.google.com/document/d/1wKvh0cpzwwnU5JsN8EnHNW2_PlrknzBQkPPqXGiZRcI/edit) [Google Doc]\n* [Email Accessibility Tips from the Pros](https://litmus.com/resources/email-accessibility-tips-from-the-pros) [VIDEO]\n* [Accessibility in AMP](https://www.youtube.com/watch?v=XPdmigsP0Sw\u0026feature=youtu.be\u0026t=2563) [VIDEO]\n* [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]\n* [How to Make Ancient HTML Accessible](https://www.slideshare.net/StacyCarston/emails-how-to-make-ancient-html-accessible)\n* [Accessibility Implementation: Removing the Resistance with Behavioural Science](https://www.beyondtheenvelope.co.uk/litmus-live-2023/Accessibility-Implementation.pdf)\n\n## Tools\n* [accessible-email.org](https://www.accessible-email.org/)\n* [WebAIM - Contrast Checker](https://webaim.org/resources/contrastchecker/)\n* [VoiceOver Cheatsheet](https://twitter.com/mayabenari/status/822241555142426625)\n* [Text alternatives - a decision tree](https://4syllables.com.au/articles/text-alternatives-decision-tree/)\n* [An ongoing project to try and curate beautiful color palettes that are a11y friendly](https://www.randoma11y.com/)\n* [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/)\n* [Contrast — Color Accessibility](https://apps.apple.com/app/contrast/id1254981365?ign-mpt=uo%3D6\u0026mt=12)\n* [colororacle.org](http://colororacle.org/)\n* [accessible-colors.com](https://accessible-colors.com/)\n* [Accessible Brand Colors - A tool that evaluates the ADA compliance of your brand’s color palette](https://abc.useallfive.com/)\n* [Email on Acid Accessibility Check](https://d1cr57qij2cwzh.cloudfront.net/wp-content/uploads/2018/11/Campaign-Precheck-Accessibility-Help-Center-Doc.pdf)\n* [Litmus Accessibility Check](https://www.litmus.com/blog/accessible-email-made-easy-introducing-accessibility-checks-in-litmus/)\n* [Leonardo: an open source contrast-based color generator](https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2)\n* [axe Accessibility Linter for VS Code](https://www.deque.com/blog/shift-further-left-with-deques-axe-linter-for-vs-code/)\n* [A Complete Guide To Accessibility Tooling](https://www.smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/)\n* [Check Your WCAG Compliance](https://www.a11yproject.com/checklist/)\n* [Accessibility tools for everyone](https://parcel.io/blog/accessibility-tools)\n* [Parcel - The Email Coding Platform](https://parcel.io/)\n* [Accessibility testers you can trust](https://makeitfable.com/testers/)\n* [Email Reader View](https://emailmarkup.org/en/blog/2023/email-reader-view/)\n* [WCAG Plugin (Figma)](https://www.figma.com/community/plugin/1373362852131056921/wcag-plugin)\n\n## Resources\n* [microsoft.com/design](https://www.microsoft.com/design)\n* [smashingmagazine.com/category/accessibility](https://www.smashingmagazine.com/category/accessibility)\n* [Dos and don'ts on designing for accessibility](https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/)\n* [The Accessibility Cheatsheet](https://bitsofco.de/the-accessibility-cheatsheet/)\n* [a11yweekly.com](https://a11yweekly.com/)\n* [axesslab.com](https://axesslab.com/)\n* [How to Craft the Perfect Accessible Email](https://email.uplers.com/infographics/emails-accessibility-best-practices/)\n* [24 days of digital accessibility gifts during the season of giving and sharing](https://www.24a11y.com/)\n* [Email development: Email accessibilty in 2017](https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/)\n* [a11ysupport.io](https://a11ysupport.io/)\n* [A Designers Accessibility Checklist](https://www.actionrocket.co/email-design-review/designerchecklist)\n* [Email Design Review - Accessibility Posts](https://www.actionrocket.co/email-design-review/category/Accessibility)\n* [Screen Reader User Survey #9 Results](https://webaim.org/projects/screenreadersurvey9/)\n* [ARIA in HTML](https://www.w3.org/TR/html-aria/)\n* [Episode 1 - Introduction to email accessibility](https://trailhead.salesforce.com/live/videos/a2r3k000001vD99/episode-1-introduction-to-email-accessibility/)\n* [Episode 2 - Creating accessible email content](https://trailhead.salesforce.com/live/videos/a2r3k000001vD1B/episode-2-creating-accessible-email-content/)\n* [Episode 3 - Coding accessible email campaigns](https://trailhead.salesforce.com/live/videos/a2r3k000001vD8k/episode-3-coding-accessible-email-campaigns/)\n* [Episode 4 - Email accessibility testing and tools](https://trailhead.salesforce.com/live/videos/a2r3k000001vD6F/episode-4-email-accessibility-testing-and-tools)\n* [Learning web accessibility made easy](https://a11yphant.com/)\n* [The Book on Accessibility](https://www.thebookonaccessibility.com/)\n* [WCAG, but in language I can understand](https://www.tempertemper.net/blog/wcag-but-in-language-i-can-understand)\n* [a11y.email/resources-links](https://www.a11y.email/resources-links/)\n* [Accessibility Myths](https://a11ymyths.com/)\n\n## Guides\n* [Accessibility and Email Campaigns](https://www.campaignmonitor.com/resources/guides/accessibility/)\n* [Email Accessibility: Your Ultimate Guide](https://litmus.com/blog/ultimate-guide-accessible-emails)\n* [A Beginner’s Guide to Email Accessibility (Checklist + Resources)](https://webdesign.tutsplus.com/tutorials/a-beginners-guide-to-email-accessibility--cms-31240)\n* [Accessibility for teams](https://accessibility-for-teams.com/)\n* [An interactive guide to color \u0026 contrast](https://colorandcontrast.com/#/)\n* [Writing for email: A Copywriter's Accessibility Guide](https://www.actionrocket.co/email-design-review/writing-for-email-a-copywriters-accessibility-guide)\n* [Guide to testing emails with a screen reader](https://parcel.io/guides/testing-emails-with-a-screen-reader)\n* [Web Content Accessibility Guidelines (WCAG) 2.2](https://www.w3.org/TR/WCAG22/)\n* [A Roundup Of WCAG 2.2 Explainers](https://www.smashingmagazine.com/2023/10/roundup-wcag-explainers/)\n* [Fix Color Contrast – Web Accessibility for Text \u0026 UI Design](https://pimpmytype.com/color-contrast/)\n* [How To Make A Strong Case For Accessibility](https://smart-interface-design-patterns.com/articles/accessibility-strong-case/)\n\n## Books\n* [Inclusive design patterns](https://www.smashingmagazine.com/2016/10/inclusive-design-patterns/)\n* [Accessibility for everyone](https://abookapart.com/products/accessibility-for-everyone)\n\n## Webinars/Podcasts\n* [Accessibility in email](https://www.emailonacid.com/resource/accessibility-in-email/)\n* [5 tips for making more accessible emails](https://www.litmus.com/blog/email-design-podcast-73-5-tips-for-making-more-accessible-emails/)\n* [Email accessibility with Net Atlantic](https://www.emailonacid.com/resource/email-accessibility-net-atlantic/)\n* [Delivering Episode 7: Why is digital accessibility so important](https://www.litmus.com/blog/delivering-episode-7-why-is-digital-accessibility-so-important/)\n* [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/)\n* [Panel: The Import of Accessibility in Email Design - Paul Airy, Megan Boshuyzen, Ornella Gallo](https://vimeo.com/661643656/ebea613c4d)\n* [#88. Email Accessability with Megan Boshuyzen](https://flowium.com/podcasts/email-accessability-megan-boshuyzen/)\n* [How to Make Your Emails More Accessible](https://www.sparkpost.com/send-it-school/email-accessibility/?vid=display)\n* [Notes from the Dev: Email Accessibility Insights for Developers](https://www.emailonacid.com/blog/article/email-development/accessibility-insights-developers/)\n* [Exploring email accessibility with Sarah Gallardo](https://stripo.email/webinars/exploring-email-accessibility-with-sarah-gallardo/)\n* [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)\n\n## Courses\n* [Learn Email Accessibility with The Better Email](https://thebetter.email/guides/on-accessibility/)\n\n## Infographic\n* [Email on Acid Accessibility Infographic](https://media.emailonacid.com/wp-content/uploads/2018/03/EOA_Accessibility_Infographic.pdf?_gl=1*c8jl6x*_gcl_au*MTI3OTk4ODI1NC4xNjkyNzM3MTA2)\n\n## Reports\n* [Accessibility Report 2023](https://emailmarkup.org/en/reports/accessibility/2023/)\n* [Accessibility Report 2024](https://emailmarkup.org/en/reports/accessibility/2024/)\n\n## Legislation\n* [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)\n* [The European Accessibility Act: Empowering Inclusion in Digital Environments](https://medium.com/@norbert-pap/the-european-accessibility-act-empowering-inclusion-in-digital-environments-c5d58f2d854f)\n* [European Accessibility Act (EAA): Top 20 Key Questions Answered](https://www.deque.com/blog/european-accessibility-act-eaa-top-20-key-questions-answered/)\n* [European Accessibility Act (EAA) – What you need to know](https://axesslab.com/european-accessibility-act-eaa-what-you-need-to-know/)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilbertheinen%2Faccessible-email-documentation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilbertheinen%2Faccessible-email-documentation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilbertheinen%2Faccessible-email-documentation/lists"}