We’ve gone deep on email accessibility on this blog before, and it is something we remain committed to. The bottom line is that we need to build the best email experience we can whenever we can.
Click fora larger image Email accessibility beyond dark modeĭark mode is just one element of email marketing that can impact your campaigns’ accessibility. edition to the “No.107” text, we were able to change the inaccessible colors in dark mode using the meta tags and the (prefers-color-scheme:dark).
browser-link to the “View in Browser” link at the top of the email and. Take a look at the screenshot of an email we experimented with back in 2020.īy adding the classes. Click for a larger image Example after adding CSS
MAC EMAIL CLIENT DARK MODE CODE
Here’s how that code looks inside of an actual email. We then add the following code before the media query in the CSS of the email. These tags will help figure out if a device has dark or light mode enabled and treat the email accordingly. The first step is to place meta tags (shown below) between the tags of your code. Essentially, this fix tells the client to show a certain version of an email (or certain elements) based on the mode being used. When your email campaigns fail the color contrast ratio accessibility check, a quick fix is available by simply adding a few lines of code in the CSS. Email on Acid tested this in 2019 and found that (sometimes) even though an email designed in light mode is accessible, it doesn’t remain that way following a color inversion for dark mode. When an email client automatically inverts colors for dark mode, it may cause color contrast issues that make text difficult to read and impact accessibility as defined by the Web Content Accessibility Guidelines (WCAG). This creates a genuine problem for email marketers who have no idea how their email will render in different mailboxes. In dark mode, various email clients will either completely invert, partially invert, or do absolutely nothing to your email. Dark mode accessibility for email developers And email developers should strive to build the best experience for as many subscribers as possible. We have to assume people are choosing the mode that best suits their needs. The bottom line is that dark mode may improve accessibility for some subscribers but make the situation worse for others. According to UX Collective, the light text on a dark background can produce a halo effect that decreases readability for some people.įor more, check out the video below that examines dark mode’s history and whether it’s actually better for your eyes. However, the Bureau of Internet Accessibility (BOIA) reports that people with conditions such as dyslexia (affecting an estimated 5-10% of the US population), and astigmatism may struggle to read the text in dark mode.
That same research also tells us that long-term reading in light mode may be associated with myopia (short-sightedness). This is because a dark screen environment causes the viewer’s pupils to dilate and let more light in. The only truth here is that accessibility is based on the individual’s needs and preferences and (especially when we are talking about disability) everyone’s needs are different.Īccording to Nielsen Norman Group, people with cataracts and related disorders may prefer reading texts in dark mode. From the email client doing the rendering to the device being used to the text and background colors featured in an email, there are lots of things to consider. There is no simple answer to this question. Let’s explore how dark mode impacts email accessibility and how we can develop emails that ensure an accessible experience whether a subscriber uses light mode or dark mode. You’ll find dark mode settings under “Accessibility” on many devices and platforms, but does that mean anything designed with darker settings is more accessible? What about dark mode emails? Will emails designed for light mode still be accessible when an email client inverts colors? However, putting personal preferences aside, there is still a great deal of debate relating to dark mode and email accessibility. Those of us who stare at code all day appreciate the aesthetic and believe it gives our eyes a bit of a break. Most developers are very familiar with dark mode and its challenges in email.
0 kommentar(er)
