Handling edge cases for the just-in-case coder (and Outlook)Īs you might know, there are always edge cases when it comes to email design. Here’s an example of what this could look like if you did nothing (without fix), removed the default style without adding your own (with fix), and replaced the default styling with your own (with styled fix): Without fix The only caveat? Different email clients do different things when auto-linking text, so you need multiple CSS rules to override styling. That’s a win-win for both you and your subscribers.
While blue links are the most common culprit, some clients maintain the font color but add a subtle underline. Not all email clients treat auto-linking the same, either. A helpful feature turns into a frustrating experience. Anyone with visual impairments-or those with excellent sight using a dimmed screen or mobile device in a sunny setting-will have an extremely difficult time consuming that information. When information is linked and the blue styling is applied, the contrast is extremely low. It’s a common design: White text on a black background, with small text to keep the focus on the content above it. For example, look at this email footer with blue links added to the address: However, the default behavior has serious accessibility problems that we can combat. Some would argue that overriding the blue, underlined styling is going too far. The ideal solution for blue links should retain the ability to take action on those automatically generated links but allow us to style those links, not the operating system or email client. It’s our opinion that overriding the styles- but not the functionality-of these links is the best approach. On the other hand, people may rely on this functionality and expect to be able to take action on information in an email. Email clients overriding our own styling can cause surprises, anger stakeholders, and cause accessibility issues. On the one hand, we want our email designs to stay consistent and on-brand.
This brings up the debate: Should we be overriding this behavior in the first place? While annoying from a branding perspective, blue links are actually great for usability and accessibility, providing critical functionality. In each case, the information linked could be valuable to subscribers, whether they want to add a phone number to their contacts list or look up an address online. The benefits of blue links: Should you remove them or not? In our testing, these things are prime candidates for becoming linked content (blue or otherwise): In iOS 13, the content is still linked, but the original styled color is maintained: Most iOS versions of Apple Mail turn phone numbers, URLs, and email addresses blue-but leave physical addresses and times in the original styled color (red, in the example below). While this is a step forward for accessibility for some of the blue link issues, it does not solve all the problems because more than just addresses and times can be affected. For addresses and times, iOS devices retain the original styling but add a dotted underline to indicate that these are clickable. In recent years, Apple Mail has updated their handling of some of these links and no longer turns them blue. In email marketing-especially on mobile devices-these blue links are automatically created by email clients to provide people with options for saving or interacting with information. Take a deep dive into what can break your email and the tips & tricks to stay true.īlue links are exactly what they sound like: Text in an email that takes on the default blue, underlined styling common to hyperlinks. Enterprise Plan Boost collaboration and drive resultsīeware: There are other culprits of a broken emailĭo email errors make you shudder? Blue links are just one way your email can look broken.
#Indesign inherit font color plus#
Litmus Plus Automate testing to ensure quality.Litmus Basic Build error-free, effective emails quickly.All Plans See solutions for companies of all sizes.
0 kommentar(er)
