email/components/signatures

ID:
email/components/signatures
Automated score:
98.2
URL:
https://stackoverflow.design/email/components/signatures
View JSON file

2 violations: Dark: 1 HC Dark: 1

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

HTML

<td border="0" cellpadding="0" cellspacing="0" style="font-family:Arial, sans-serif; font-size:13px; font-style:bold; padding-bottom: 20px; color: #212325">

Target

.stacks-preview.mb24:nth-child(4) > .stacks-preview--example.theme-light__forced > div > table > tbody > tr:nth-child(1) > td

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 0Lc (foreground color: #212325, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<strong>David Longworth</strong>

Target

.stacks-preview.mb24:nth-child(4) > .stacks-preview--example.theme-light__forced > div > table > tbody > tr:nth-child(1) > td > strong

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 0Lc (foreground color: #212325, background color: #252627, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<td border="0" cellpadding="0" cellspacing="0" style="font-family:Arial,sans-serif;font-size:13px;font-style:bold;padding-bottom:20px;color: #212325">

Target

.stacks-preview.mb24:nth-child(6) > .stacks-preview--example.theme-light__forced > div > table > tbody > tr:nth-child(1) > td

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 0Lc (foreground color: #212325, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<strong>David Longworth</strong>

Target

.stacks-preview.mb24:nth-child(6) > .stacks-preview--example.theme-light__forced > div > table > tbody > tr:nth-child(1) > td > strong

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 0Lc (foreground color: #212325, background color: #252627, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<td border="0" cellpadding="0" cellspacing="0" style="padding-top: 10px; font-family:Arial, sans-serif; font-size:13px; color:#848d95;">

Target

tr:nth-child(3) > td

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.41Lc (foreground color: #848d95, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds. Elements must meet enhanced color contrast ratio thresholds. Help URL

HTML

<td border="0" cellpadding="0" cellspacing="0" style="padding-top: 10px; font-family:Arial, sans-serif; font-size:13px; color:#848d95;">

Target

tr:nth-child(3) > td

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.22 (foreground color: #848d95, background color: #000000, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1