Color blindness or color vision deficiency (cvd) impacts 1 in 12 men and 1 in 200 women around the world according to colorblindawareness.org. So contrast is key when creating accessible components for your email design system. The wcag recommends text have a contrast ratio of at least 4.5:1 against the background to meet the aa success criterion and 7:1 to meet the aa success criterion. Don’t forget to check out how your text and images will appear for subscribers viewing emails in dark mode. Some email clients automatically invert colors which could lead to an inaccessible experience.
Rendering and Hit That
When email on acid test this a few years ago we found that good contrast in light mode doesn’t always lead to an accessible email in dark mode. Text and business database images one of the biggest mistakes in email marketing involves the failure to use live text with graphics. When important text is only on the graphic people with email clients that block images will miss the message. It’s also extremely bad for accessibility. Screen readers can’t interpret text that is part of a graphic.
Which Segments Will Receive
So if you send a marketing email that is one big graphic or a splic image recipients using assistive technology may have no idea what you want from them. If you have to include important copy on graphics make sure to reiterate the point elsewhere in the email copy or include it in the alt text. Better BJ Lists yet try overlaying live text on your graphic with overlapping elements. Get some tips on how to do that using faux absolute positioning in our notes from the development episode with niven ranchod. Overlapping elements in an email overlapping elements in email cta buttons when it comes to email engagement clicks are king.