Accessible Email

A list of great articles, tools, presentations and resources about accessibility in general and specifically for email

Articles

• https://www.campaignmonitor.com/resources/guides/accessibility/
• https://litmus.com/blog/ultimate-guide-accessible-emails
• https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/
• https://mailchimp.com/resources/accessibility-in-email-marketing/
• http://kb.mailchimp.com/campaigns/previews-and-tests/accessibility-in-email-marketing
• https://www.bbc.co.uk/gel/guidelines/how-to-design-accessible-email-newsletters
• https://www.frankwatching.com/archive/2017/02/02/4-aspecten-waarmee-je-jouw-e-mailnieuwsbrieven-toegankelijker-maakt/ [Dutch]
• https://www.frankwatching.com/archive/2017/02/09/6-oplossingen-om-je-nieuwsbrief-nog-toegankelijker-te-maken/ [Dutch]
• https://www.emerce.nl/achtergrond/inclusive-design-maakt-e-mail-toegankelijk-voor-iedereen [Dutch]
• https://litmus.com/community/discussions/6075-community-contest-creating-an-accessible-email
• https://uxmag.com/articles/we-re-just-temporarily-abled
• https://www.smashingmagazine.com/2017/10/nailing-accessibility-design/
• https://axesslab.com/accessibility-according-to-pwd/
• https://axesslab.com/alt-texts/
• https://axesslab.com/trends/
• https://silktide.com/blog/accessibility/i-thought-title-text-improved-accessibility-i-was-wrong/
• https://css-tricks.com/html-email-accessibility/
• https://css-tricks.com/small-tweaks-can-make-huge-impact-websites-accessibility/
• https://www.hteumeuleu.com/2018/email-accessibility-in-action/
• https://axesslab.com/title-texts-suck/
• https://axesslab.com/text-splitting/
• https://axesslab.com/hand-tremors/
• https://www.smashingmagazine.com/2018/04/designing-accessibility-inclusion/
• https://www.shopify.co.uk/partners/blog/inclusive-design
• https://content.myemma.com/blog/why-does-email-accessibility-matter
• https://cm.engineering/how-to-test-accessibility-of-emails-b68fed03f5f4
• https://uxdesign.cc/designing-for-accessibility-is-not-that-hard-c04cc4779d94
• https://www.sparkpost.com/blog/email-accessibility/
• https://webdesign.tutsplus.com/tutorials/a-beginners-guide-to-email-accessibility--cms-31240
• https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/
• https://www.invisionapp.com/inside-design/why-digital-accessibility-matters/
• https://www.litmus.com/blog/7-simple-tricks-to-make-your-email-code-more-accessible/
• https://optinmonster.com/why-ignoring-email-accessibility-is-hurting-your-business/
• https://www.onlyinfluencers.com/email-marketing-blog-posts/best-practice-email-strategy/entry/the-difference-between-accessibility-and-inclusion-in-email-marketing
• https://explore.reallygoodemails.com/email-accessibility-looks-arent-everything-ad0b1f6af0a4
• https://www.litmus.com/blog/accessibility-vs-inclusion-what-it-takes-to-create-more-inclusive-email-marketing-experiences/
• http://www.emaildesignreview.com/uncategorized/accessibility-in-digital-marketing-4148/
• https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/
• https://the-pastry-box-project.net/anne-gibson/2014-july-31
• https://designmodo.com/email-accessibility/
• https://www.mailgun.com/blog/make-email-accessibility-your-new-years-resolution/
• https://paul-airy.medium.com/accessibility-in-email-making-it-real-31bd289d285c
• The effect of CSS on screen readers
• Writing great alt text: Emotion matters
• Writing alternative text that matters
• Some questions on accessibility in email — answered
• How to Code Accessible Emails with Semantic HTML and ARIA
• Alternative Text
• Using rem and em units in email
• Should you use an h1 in email code?
• ARIA landmarks in email
• Text In Images
• How to Conform to WCAG (Web Content Accessibility Guidelines) in Email
• No Accessibility Without Disabilities
• Everything I know about alt text
• First rule of ARIA – do not use ARIA – and why it is so important
• The business case for accessibility

Presentations

• https://www.slideshare.net/paulairy/a-type-of-accessibility-65004974
• https://www.slideshare.net/M_J_Robbins/accessibility-in-email-eoainsights
• https://www.slideshare.net/eROIAgency/roledrinks-ams-meetup-5-pro-tips-for-making-your-email-more-accessible
• Exclusive Design – Vasilis van Gemert – btconfBER2017 [VIDEO]
• Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017 [VIDEO]
• Accessibility in HTML email — Mark Robbins: #ID24 Nov 2017 [SLIDES]
• Inclusive Design 24 (#ID24) - A Free 24-Hour Online Community Event On Accessibility organized by The Paciello Group
• Email Accessibility Resources [Google Doc]
• Email Accessibility Tips from the Pros [VIDEO]
• Accessibility in AMP [VIDEO]
• Email Accessibility: Fulfill Your Legal Responsibilities and Expand Your Reach [VIDEO]
• https://www.slideshare.net/StacyCarston/emails-how-to-make-ancient-html-accessible

Tools

• https://www.accessible-email.org/
• https://webaim.org/resources/contrastchecker/
• VoiceOver Cheatsheet
• Text alternatives - a decision tree
• An ongoing project to try and curate beautiful color palettes that are a11y friendly
• Funkify - Plugin for Chrome that helps you experience the web and interfaces through the eyes of extreme users with different abilities and disabilities
• https://apps.apple.com/app/contrast/id1254981365?ign-mpt=uo%3D6&mt=12
• http://colororacle.org/
• https://accessible-colors.com/
• Accessible Brand Colors - A tool that evaluates the ADA compliance of your brand’s color palette
• Email on Acid Accessibility Check
• Litmus Accessibility Check
• Leonardo: an open source contrast-based color generator
• a11yresources - A growing list of accessibility tools and resources
• axe Accessibility Linter for VS Code
• A Complete Guide To Accessibility Tooling
• Check Your WCAG Compliance
• Accessibility tools for everyone
• Parcel - The Email Coding Platform
• Accessibility testers you can trust

Resources

• https://www.microsoft.com/design
• https://www.smashingmagazine.com/category/accessibility
• https://axesslab.com/accessibility-according-to-pwd/
• Tips from Hugo Giraudel
• https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/
• https://bitsofco.de/the-accessibility-cheatsheet/
• https://a11yweekly.com/
• https://axesslab.com/
• https://email.uplers.com/infographics/emails-accessibility-best-practices/
• 24 days of digital accessibility gifts during the season of giving and sharing
• https://www.campaignmonitor.com/resources/guides/accessibility/
• https://www.emailonacid.com/resource/email-accessibility-infographic/
• https://www.litmus.com/blog/the-ultimate-guide-to-email-accessibility-making-emails-for-everyone/
• https://www.emailonacid.com/blog/article/email-development/email-accessibilty-in-2017/
• https://a11ysupport.io/
• a11yresources - A growing list of accessibility tools and resource
• A Designers Accessibility Checklist
• Email Design Review - Accessibility Posts
• Screen Reader User Survey #9 Results
• ARIA in HTML
• Episode 1 - Introduction to email accessibility
• Episode 2 - Creating accessible email content
• Episode 3 - Coding accessible email campaigns
• Episode 4 - Email accessibility testing and tools
• Learning web accessibility made easy
• The Book on Accessibility
• WCAG, but in language I can understand

Books

• https://www.smashingmagazine.com/2016/10/inclusive-design-patterns/
• https://abookapart.com/products/accessibility-for-everyone

Webinars/Podcasts

• https://www.emailonacid.com/resource/accessibility-in-email/
• https://www.litmus.com/blog/email-design-podcast-73-5-tips-for-making-more-accessible-emails/
• https://www.emailonacid.com/resource/email-accessibility-net-atlantic/
• https://www.litmus.com/blog/delivering-episode-7-why-is-digital-accessibility-so-important/
• 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
• #88. Email Accessability with Megan Boshuyzen
• How to Make Your Emails More Accessible

Courses

• Learn Email Accessibility with The Better Email NEW