product/components/post-summary

ID:
product/components/post-summary
Automated score:
96.6
View JSON file

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

<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

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

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

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