home

ID:
home
Automated score:
95
URL:
https://stackoverflow.design/
View JSON file

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

<p class="mb0 fs-body2 fc-black-300">Visual patterns and guidelines for Stack Overflow’s brand.</p>

Target

a[href$="brand"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 56.14Lc (foreground color: #a7aab0, background color: #000000, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">How to write effectively for Stack Overflow and its different audiences.</p>

Target

a[href$="copy"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 56.14Lc (foreground color: #a7aab0, background color: #000000, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">Components &amp; guidelines for devleopers when building Stack Overflow.</p>

Target

a[href$="system"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 56.14Lc (foreground color: #a7aab0, background color: #000000, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">A step-by-step introduction to joining Stack Overflow for new hires.</p>

Target

a[href$="handbook"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 56.14Lc (foreground color: #a7aab0, background color: #000000, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">Information about these guidelines and links to useful resources.</p>

Target

a[href$="resources"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 56.14Lc (foreground color: #a7aab0, background color: #000000, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

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

<p class="mb0 fs-body2 fc-black-300">Visual patterns and guidelines for Stack Overflow’s brand.</p>

Target

a[href$="brand"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.5Lc (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">How to write effectively for Stack Overflow and its different audiences.</p>

Target

a[href$="copy"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.5Lc (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">Components &amp; guidelines for devleopers when building Stack Overflow.</p>

Target

a[href$="system"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.5Lc (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">A step-by-step introduction to joining Stack Overflow for new hires.</p>

Target

a[href$="handbook"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.5Lc (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="mb0 fs-body2 fc-black-300">Information about these guidelines and links to useful resources.</p>

Target

a[href$="resources"] > .fc-black-300.mb0.fs-body2

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 37.5Lc (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: 300). 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

<p class="mb0 fs-body2 fc-black-300">Visual patterns and guidelines for Stack Overflow’s brand.</p>

Target

a[href$="brand"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.85 (foreground color: #91939c, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">How to write effectively for Stack Overflow and its different audiences.</p>

Target

a[href$="copy"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.85 (foreground color: #91939c, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">Components &amp; guidelines for devleopers when building Stack Overflow.</p>

Target

a[href$="system"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.85 (foreground color: #91939c, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">A step-by-step introduction to joining Stack Overflow for new hires.</p>

Target

a[href$="handbook"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.85 (foreground color: #91939c, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">Information about these guidelines and links to useful resources.</p>

Target

a[href$="resources"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 6.85 (foreground color: #91939c, background color: #000000, font size: 12.0pt (16px), 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

<p class="mb0 fs-body2 fc-black-300">Visual patterns and guidelines for Stack Overflow’s brand.</p>

Target

a[href$="brand"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.5 (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">How to write effectively for Stack Overflow and its different audiences.</p>

Target

a[href$="copy"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.5 (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">Components &amp; guidelines for devleopers when building Stack Overflow.</p>

Target

a[href$="system"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.5 (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">A step-by-step introduction to joining Stack Overflow for new hires.</p>

Target

a[href$="handbook"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.5 (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="mb0 fs-body2 fc-black-300">Information about these guidelines and links to useful resources.</p>

Target

a[href$="resources"] > .fc-black-300.mb0.fs-body2

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.5 (foreground color: #8c8c8c, background color: #262626, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 7:1