email/base/mso

ID:
email/base/mso
Automated score:
99.2
URL:
https://stackoverflow.design/email/base/mso
View JSON file

1 violations: 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

<span class="hljs-comment">&lt;!--[if mso]&gt;<br>    &lt;table&gt;&lt;tr&gt;&lt;td&gt;<br>        /* Outlook-specific HTML content goes here. */<br>    &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;<br>&lt;![endif]--&gt;</span>

Target

section:nth-child(3) > .stacks-preview._preview-none.mb24:nth-child(3) > pre > .language-html.s-code-block > .hljs-comment

Summary

Fix all of the following:

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

HTML

<span class="hljs-comment">&lt;!--[if mso]&gt;<br>    &lt;style&gt;<br>        .example-class {<br>            /* Outlook-specific CSS goes here. */<br>        }<br>    &lt;/style&gt;<br>&lt;![endif]--&gt;</span>

Target

.stacks-preview._preview-none.mb24:nth-child(7) > pre > .language-html.s-code-block > .hljs-comment

Summary

Fix all of the following:

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

HTML

<span class="hljs-comment">&lt;!--[if mso]&gt;<br>&lt;table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%"&gt;<br>&lt;tr&gt;<br>&lt;td width="340"&gt;<br>&lt;![endif]--&gt;</span>

Target

section:nth-child(4) > .stacks-preview._preview-none.mb24 > pre > .language-html.s-code-block > .hljs-comment:nth-child(1)

Summary

Fix all of the following:

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

HTML

<span class="hljs-comment">&lt;!--[if mso]&gt;<br>&lt;/td&gt;<br>&lt;/tr&gt;<br>&lt;/table&gt;<br>&lt;![endif]--&gt;</span>

Target

.hljs-comment:nth-child(10)

Summary

Fix all of the following:

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