system/components/post-summary

ID:: system/components/post-summary
Automated score:: 97.3
URL:: https://stackoverflow.design/system/components/post-summary

3 violations: Light: 1Dark: 1HC Light: 1

color-contrast-apca-custom

Light Serious Go to issue color-contrast-apca-custom-light

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="fc-black-350">N/A</span>

Target

tr:nth-child(10) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(11) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(12) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(13) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(14) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(21) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 58.29Lc (foreground color: #84878c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

color-contrast-apca-custom

Dark Serious Go to issue color-contrast-apca-custom-dark

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="fc-black-350">N/A</span>

Target

tr:nth-child(1) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(1) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(2) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(3) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(4) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(6) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(7) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(8) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(9) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(10) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

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

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(11) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

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

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(12) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

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

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(13) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

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

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(14) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

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

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(15) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(16) > td:nth-child(4) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(17) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(18) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(19) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(20) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.33Lc (foreground color: #a6a6a6, background color: #141414, font size: 9.8pt (13px), font weight: 300). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(21) > td:nth-child(3) > .fc-black-350

Summary

Fix all of the following:

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

color-contrast-enhanced

HC Light Serious Go to issue color-contrast-enhanced-light-highcontrast

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

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(10) > td:nth-child(4) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(11) > td:nth-child(4) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(12) > td:nth-child(4) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(13) > td:nth-child(4) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(14) > td:nth-child(4) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="fc-black-350">N/A</span>

Target

tr:nth-child(21) > td:nth-child(3) > .fc-black-350

Summary

Fix any of the following:

Element has insufficient color contrast of 6.63 (foreground color: #54585c, background color: #f6f6f6, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1