email/templates/examples/teams.html

ID:
email/templates/examples/teams.html
Automated score:
56.3
View JSON file

14 violations: Light: 3 Dark: 3 HC Light: 4 HC Dark: 4

Ensure aria-hidden elements are not focusable nor contain focusable elements. ARIA hidden element must not be focusable or contain focusable elements. Help URL

HTML

<table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:680px; width:100%">

Target

.email-container > table[aria-hidden="true"]

Summary

Fix all of the following:

  • Focusable content should have tabindex="-1" or be removed from the DOM

Ensure aria-hidden elements are not focusable nor contain focusable elements. ARIA hidden element must not be focusable or contain focusable elements. Help URL

HTML

<table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:680px; width:100%">

Target

.email-container > table[aria-hidden="true"]

Summary

Fix all of the following:

  • Focusable content should have tabindex="-1" or be removed from the DOM

Ensure aria-hidden elements are not focusable nor contain focusable elements. ARIA hidden element must not be focusable or contain focusable elements. Help URL

HTML

<table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:680px; width:100%">

Target

.email-container > table[aria-hidden="true"]

Summary

Fix all of the following:

  • Focusable content should have tabindex="-1" or be removed from the DOM

Ensure aria-hidden elements are not focusable nor contain focusable elements. ARIA hidden element must not be focusable or contain focusable elements. Help URL

HTML

<table aria-hidden="true" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width:680px; width:100%">

Target

.email-container > table[aria-hidden="true"]

Summary

Fix all of the following:

  • Focusable content should have tabindex="-1" or be removed from the DOM

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

<a href="https://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 7:1

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

<a href="https://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 7:1

Ensure each HTML document contains a non-empty <title> element. Documents must have <title> element to aid in navigation. Help URL

HTML

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">

Target

html

Summary

Fix any of the following:

  • Document does not have a non-empty <title> element

Ensure each HTML document contains a non-empty <title> element. Documents must have <title> element to aid in navigation. Help URL

HTML

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">

Target

html

Summary

Fix any of the following:

  • Document does not have a non-empty <title> element

Ensure each HTML document contains a non-empty <title> element. Documents must have <title> element to aid in navigation. Help URL

HTML

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">

Target

html

Summary

Fix any of the following:

  • Document does not have a non-empty <title> element

Ensure each HTML document contains a non-empty <title> element. Documents must have <title> element to aid in navigation. Help URL

HTML

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">

Target

html

Summary

Fix any of the following:

  • Document does not have a non-empty <title> element

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://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0077cc, surrounding text: #54595f)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

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://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0077cc, surrounding text: #54595f)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

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://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0077cc, surrounding text: #54595f)
  • The link has no styling (such as underline) to distinguish it from the surrounding text

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://stackoverflow.blog/2018/05/03/stack-overflow-for-teams-is-now-available" style="color: #0077CC; text-decoration: none;">read our blog post</a>

Target

td:nth-child(2) > a

Summary

Fix any of the following:

  • The link has insufficient color contrast of 1.51:1 with the surrounding text. (Minimum contrast is 3:1, link text: #0077cc, surrounding text: #54595f)
  • The link has no styling (such as underline) to distinguish it from the surrounding text