product/foundation/typography

ID:
product/foundation/typography
Automated score:
99.1
URL:
https://stackoverflow.design/product/foundation/typography
View JSON file

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

<code class="stacks-code bg-black-250">.ow-break-word</code>

Target

.hyphens-none > .bg-black-250.stacks-code

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.46 (foreground color: #f9fafa, background color: #575c60, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<code class="stacks-code bg-black-250">.ow-break-word</code>

Target

.hyphens-auto > .bg-black-250.stacks-code

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.46 (foreground color: #f9fafa, background color: #575c60, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1