product/components/post-summary

ID:: product/components/post-summary
Automated score:: 96.6
URL:: https://stackoverflow.design/product/components/post-summary

4 violations: Light: 1Dark: 1HC Light: 1HC Dark: 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="s-post-summary--stats-item-number">
                            3
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item__emphasized.s-post-summary--stats-item > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item__emphasized.s-post-summary--stats-item > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            2
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .has-accepted-answer.has-answers.s-post-summary--stats-item > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.56Lc (foreground color: #8a9097, background color: #f5f5f6, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .has-accepted-answer.has-answers.s-post-summary--stats-item > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 53.56Lc (foreground color: #8a9097, background color: #f5f5f6, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            205
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#">PHP URL Param redirects - with wildcards/regex</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 12.8pt (17px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-post-summary--content-excerpt">

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--content-excerpt

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#" class="s-user-card--link">Jase Wolf</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<li class="s-user-card--rep">93</li>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--awards > .s-user-card--rep

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<time class="s-user-card--time">modified 22 minutes ago</time>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > time

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 59.49Lc (foreground color: #8a9097, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            0
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(2) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(2) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            0
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            5
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(4) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            views
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(4) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#">Adding authentication based on API key and API secret to APIs in Spring Boot application</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 12.8pt (17px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-post-summary--content-excerpt">

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-excerpt

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#" class="s-user-card--link">Joy</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<li class="s-user-card--rep">3,622</li>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--awards > .s-user-card--rep

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<time class="s-user-card--time">asked 38 minutes ago</time>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > time

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 52.45Lc (foreground color: #898c92, background color: #fceded, font size: 9.0pt (12px), font weight: 400). 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

<div class="stacks-badge-dotnet--text d-flex flex__center brr-sm px8 py4">Razor</div>

Target

.stacks-badge-dotnet--text

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 45.6Lc (foreground color: #252627, background color: #9e92c7, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="hljs-comment">&lt;!-- No answers --&gt;</span>

Target

.stacks-preview:nth-child(5) > 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;!-- Has answers --&gt;</span>

Target

.stacks-preview:nth-child(5) > pre > .language-html.s-code-block > .hljs-comment:nth-child(18)

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;!-- Has accepted answers --&gt;</span>

Target

.stacks-preview:nth-child(5) > pre > .language-html.s-code-block > .hljs-comment:nth-child(35)

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;!-- Default views --&gt;</span>

Target

.stacks-preview:nth-child(9) > 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;!-- Warm --&gt;</span>

Target

.stacks-preview:nth-child(9) > pre > .language-html.s-code-block > .hljs-comment:nth-child(18)

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;!-- Hot --&gt;</span>

Target

.stacks-preview:nth-child(9) > pre > .language-html.s-code-block > .hljs-comment:nth-child(35)

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;!-- Supernova --&gt;</span>

Target

.hljs-comment:nth-child(52)

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="s-post-summary--stats-item-number">
                            3
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item__emphasized.s-post-summary--stats-item > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item__emphasized.s-post-summary--stats-item > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            2
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .has-accepted-answer.has-answers.s-post-summary--stats-item > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 46.59Lc (foreground color: #9fa3a6, background color: #303234, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .has-accepted-answer.has-answers.s-post-summary--stats-item > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 46.59Lc (foreground color: #9fa3a6, background color: #303234, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            205
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#">PHP URL Param redirects - with wildcards/regex</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 12.8pt (17px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-post-summary--content-excerpt">

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--content-excerpt

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag s-tag__ignored" href="#">regex</a>

Target

.s-tag__ignored

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.21Lc (foreground color: #b4b6b8, background color: #303234, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">php</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.21Lc (foreground color: #b4b6b8, background color: #303234, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">redirect</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.21Lc (foreground color: #b4b6b8, background color: #303234, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">parameters</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(4)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.21Lc (foreground color: #b4b6b8, background color: #303234, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">wildcard</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(5)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 57.21Lc (foreground color: #b4b6b8, background color: #303234, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#" class="s-user-card--link">Jase Wolf</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<li class="s-user-card--rep">93</li>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--awards > .s-user-card--rep

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<time class="s-user-card--time">modified 22 minutes ago</time>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > time

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 49.06Lc (foreground color: #9fa3a6, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            0
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(2) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(2) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            0
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-number">
                            5
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(4) > .s-post-summary--stats-item-number

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 500). Expected minimum APCA lightness contrast of 60Lc

HTML

<span class="s-post-summary--stats-item-unit">
                            views
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(4) > .s-post-summary--stats-item-unit

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#">Adding authentication based on API key and API secret to APIs in Spring Boot application</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 12.8pt (17px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<p class="s-post-summary--content-excerpt">

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-excerpt

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">spring</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(1)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.2Lc (foreground color: #beb5b6, background color: #463c3e, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">spring-boot</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(2)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.2Lc (foreground color: #beb5b6, background color: #463c3e, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">authentication</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(3)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.2Lc (foreground color: #beb5b6, background color: #463c3e, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">spring-security</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(4)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.2Lc (foreground color: #beb5b6, background color: #463c3e, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="s-tag" href="#">oauth-2.0</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(5)

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 54.2Lc (foreground color: #beb5b6, background color: #463c3e, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="#" class="s-user-card--link">Joy</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<li class="s-user-card--rep">3,622</li>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--awards > .s-user-card--rep

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.0pt (12px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<time class="s-user-card--time">asked 38 minutes ago</time>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > time

Summary

Fix all of the following:

Element has insufficient APCA custom level contrast of 47.33Lc (foreground color: #aaa1a4, background color: #502020, font size: 9.0pt (12px), font weight: 400). 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

<a href="#">Could not load type 'System.Web.Optimization.StyleBundle'</a>

Target

.s-post-summary__watched > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="#" class="s-user-card--link">Nimantha</a>

Target

.s-post-summary__watched > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="s-tag s-tag__ignored" href="#">regex</a>

Target

.s-tag__ignored

Summary

Fix any of the following:

Element has insufficient color contrast of 4.58 (foreground color: #6c7074, background color: #f5f5f6, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">php</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(2)

Summary

Fix any of the following:

Element has insufficient color contrast of 4.58 (foreground color: #6c7074, background color: #f5f5f6, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">redirect</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(3)

Summary

Fix any of the following:

Element has insufficient color contrast of 4.58 (foreground color: #6c7074, background color: #f5f5f6, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">parameters</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(4)

Summary

Fix any of the following:

Element has insufficient color contrast of 4.58 (foreground color: #6c7074, background color: #f5f5f6, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">wildcard</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(5)

Summary

Fix any of the following:

Element has insufficient color contrast of 4.58 (foreground color: #6c7074, background color: #f5f5f6, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

color-contrast-enhanced

HC Dark Serious Go to issue color-contrast-enhanced-dark-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

<a href="#">Could not load type 'System.Web.Optimization.StyleBundle'</a>

Target

.s-post-summary__watched > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.66 (foreground color: #8cbff2, background color: #38311f, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="#" class="s-user-card--link">Nimantha</a>

Target

.s-post-summary__watched > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.66 (foreground color: #8cbff2, background color: #38311f, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__ignored > .s-post-summary--stats > .has-accepted-answer.has-answers.s-post-summary--stats-item > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 5.11 (foreground color: #96999c, background color: #26292a, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="s-tag s-tag__ignored" href="#">regex</a>

Target

.s-tag__ignored

Summary

Fix any of the following:

Element has insufficient color contrast of 6.48 (foreground color: #aaadae, background color: #26292a, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">php</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(2)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.48 (foreground color: #aaadae, background color: #26292a, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">redirect</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(3)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.48 (foreground color: #aaadae, background color: #26292a, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">parameters</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(4)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.48 (foreground color: #aaadae, background color: #26292a, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">wildcard</a>

Target

.s-post-summary__ignored > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(5)

Summary

Fix any of the following:

Element has insufficient color contrast of 6.48 (foreground color: #aaadae, background color: #26292a, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">
                            votes
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(2) > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">
                            answers
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(3) > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">
                            views
                        </span>

Target

.s-post-summary__deleted > .s-post-summary--stats > .s-post-summary--stats-item:nth-child(4) > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="#">Adding authentication based on API key and API secret to APIs in Spring Boot application</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-title > a[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<p class="s-post-summary--content-excerpt">

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--content-excerpt

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">spring</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(1)

Summary

Fix any of the following:

Element has insufficient color contrast of 5.34 (foreground color: #bab5b7, background color: #413c3f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">spring-boot</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(2)

Summary

Fix any of the following:

Element has insufficient color contrast of 5.34 (foreground color: #bab5b7, background color: #413c3f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">authentication</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(3)

Summary

Fix any of the following:

Element has insufficient color contrast of 5.34 (foreground color: #bab5b7, background color: #413c3f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">spring-security</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(4)

Summary

Fix any of the following:

Element has insufficient color contrast of 5.34 (foreground color: #bab5b7, background color: #413c3f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a class="s-tag" href="#">oauth-2.0</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-post-summary--meta-tags > .s-tag[href="#"]:nth-child(5)

Summary

Fix any of the following:

Element has insufficient color contrast of 5.34 (foreground color: #bab5b7, background color: #413c3f, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<a href="#" class="s-user-card--link">Joy</a>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--link[href="#"]

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<li class="s-user-card--rep">3,622</li>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > .s-user-card--awards > .s-user-card--rep

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.0pt (12px), font weight: bold). Expected contrast ratio of 7:1

HTML

<time class="s-user-card--time">asked 38 minutes ago</time>

Target

.s-post-summary__deleted > .s-post-summary--content > .s-post-summary--meta > .s-user-card.s-user-card__minimal > time

Summary

Fix any of the following:

Element has insufficient color contrast of 5.69 (foreground color: #a6a2a5, background color: #3f2223, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1