email/guidelines/design-best-practices

ID:
email/guidelines/design-best-practices
Automated score:
99.1
URL:
https://stackoverflow.design/email/guidelines/design-best-practices
View JSON file

1 violations: Dark: 1

link-in-text-block

Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL

HTML

<a href="https://litmus.com/email-builder">Builder</a>

Target

.flex--item6.s-card.bs-sm:nth-child(1) > p > a:nth-child(2)

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="https://litmus.com/email-checklist">Checklist</a>

Target

p > a:nth-child(3)

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
  • The link has no styling (such as underline) to distinguish it from the surrounding text