Home

ID:
home
Automated score:
99.1
View JSON file

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

<a href="https://stackoverflow.co/teams/ai/?utm_medium=referral&amp;utm_source=stackoverflow-community&amp;utm_campaign=page-cta&amp;utm_content=supercharge-team" class="flex--item s-btn s-btn__filled py6 px12 sm:mr0fc-white bg-orange-400 d:fc-black h:bg-orange-500 p6" data-ga="[&quot;home page&quot;,&quot;body cta&quot;,&quot;learn more - overflowai&quot;,null,null]">

Target

.sm\:mr0fc-white

Summary

Fix all of the following:

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

HTML

<a href="https://stackoverflow.com" class="js-gps-track" data-gps-track="footer.click({ location: 1, link: 15})">Stack Overflow</a>

Target

.-title > .js-gps-track[href$="stackoverflow.com"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 24.48Lc (foreground color: #c8ccd0, background color: #f9fafa, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="/questions" class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 16})">Questions</a>

Target

.-link.js-gps-track[href$="questions"]

Summary

Fix all of the following:

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

HTML

<a href="/help" class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 3 })">Help</a>

Target

.-link.js-gps-track[href$="help"]

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 5 })" href="https://chat.stackoverflow.com/?tab=site&amp;host=stackoverflow.com">Chat</a>

Target

.js-primary-footer-links > li:nth-child(3) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackoverflow.co/" class="js-gps-track" data-gps-track="footer.click({ location: 1, link: 19 })">Products</a>

Target

.site-footer--col:nth-child(2) > .-title > .js-gps-track[href$="stackoverflow.co/"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 24.48Lc (foreground color: #c8ccd0, background color: #f9fafa, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://stackoverflow.co/teams/?utm_medium=referral&amp;utm_source=stackoverflow-community&amp;utm_campaign=footer&amp;utm_content=teams" class="js-gps-track -link" data-ga="[&quot;teams traffic&quot;,&quot;footer - site nav&quot;,&quot;stackoverflow.com/teams&quot;,null,{&quot;dimension4&quot;:&quot;teams&quot;}]" data-gps-track="footer.click({ location: 1, link: 29 })">

Target

.site-footer--col:nth-child(2) > .-list > li:nth-child(1) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackoverflow.co/advertising/?utm_medium=referral&amp;utm_source=stackoverflow-community&amp;utm_campaign=footer&amp;utm_content=advertising" class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 21 })">Advertising</a>

Target

.site-footer--col:nth-child(2) > .-list > li:nth-child(2) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackoverflow.co/advertising/employer-branding/?utm_medium=referral&amp;utm_source=stackoverflow-community&amp;utm_campaign=footer&amp;utm_content=talent" class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 20 })">Talent</a>

Target

.site-footer--col:nth-child(2) > .-list > li:nth-child(3) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track" data-gps-track="footer.click({ location: 1, link: 1 })" href="https://stackoverflow.co/">Company</a>

Target

.site-footer--col:nth-child(3) > .-title > .js-gps-track[href$="stackoverflow.co/"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 24.48Lc (foreground color: #c8ccd0, background color: #f9fafa, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 1 })" href="https://stackoverflow.co/">About</a>

Target

.-link.js-gps-track[href$="stackoverflow.co/"]

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 27 })" href="https://stackoverflow.co/company/press/">Press</a>

Target

.site-footer--col:nth-child(3) > .-list > li:nth-child(2) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 9 })" href="https://stackoverflow.co/company/work-here/">Work Here</a>

Target

.site-footer--col:nth-child(3) > .-list > li:nth-child(3) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 7 })" href="https://stackoverflow.com/legal">Legal</a>

Target

.site-footer--col:nth-child(3) > .-list > li:nth-child(4) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 8 })" href="https://stackoverflow.com/legal/privacy-policy">Privacy Policy</a>

Target

.site-footer--col:nth-child(3) > .-list > li:nth-child(5) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 37 })" href="https://stackoverflow.com/legal/terms-of-service/public">Terms of Service</a>

Target

.site-footer--col:nth-child(3) > .-list > li:nth-child(6) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 13 })" href="/contact">Contact Us</a>

Target

a[href$="contact"]

Summary

Fix all of the following:

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

HTML

<button type="button" data-controller="cookie-settings" data-action="click->cookie-settings#toggle" class="s-btn s-btn__link py4 js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 38 })" data-consent-popup-loader="footer">Cookie Settings</button>

Target

.s-btn__link

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 39 })" href="https://stackoverflow.com/legal/cookie-policy">Cookie Policy</a>

Target

li:nth-child(9) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com" data-gps-track="footer.click({ location: 1, link: 30 })">Stack Exchange Network</a>

Target

.-title > a[href$="stackexchange.com"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 24.48Lc (foreground color: #c8ccd0, background color: #f9fafa, font size: 9.8pt (13px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://stackexchange.com/sites#technology" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Technology
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(1) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com/sites#culturerecreation" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Culture &amp; recreation
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(2) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com/sites#lifearts" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Life &amp; arts
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(3) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com/sites#science" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Science
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(4) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com/sites#professional" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Professional
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(5) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://stackexchange.com/sites#business" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Business
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(6) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a href="https://api.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    API
                                </a>

Target

a[href$="api.stackexchange.com/"]

Summary

Fix all of the following:

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

HTML

<a href="https://data.stackexchange.com/" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 24 })">
                                    Data
                                </a>

Target

.site-footer--categories-nav > div > .-list > li:nth-child(8) > .-link.js-gps-track

Summary

Fix all of the following:

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

HTML

<a class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link:4 })" href="https://stackoverflow.blog?blb=1">Blog</a>

Target

.-social > li:nth-child(1) > .-link.js-gps-track

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://www.facebook.com/officialstackoverflow/" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 31 })">Facebook</a>

Target

.-social > li:nth-child(2) > .-link.js-gps-track

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://twitter.com/stackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 32 })">Twitter</a>

Target

.-social > li:nth-child(3) > .-link.js-gps-track

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://linkedin.com/company/stack-overflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 33 })">LinkedIn</a>

Target

.-social > li:nth-child(4) > .-link.js-gps-track

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="https://www.instagram.com/thestackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 36 })">Instagram</a>

Target

.-social > li:nth-child(5) > .-link.js-gps-track

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span>Site design / logo © 2024 Stack Exchange Inc; </span>

Target

.md\:mb0 > span:nth-child(1)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span>user contributions licensed under </span>

Target

.md\:mb0 > span:nth-child(2)

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a class="-link s-link td-underline" href="https://stackoverflow.com/help/licensing">CC BY-SA</a>

Target

.td-underline

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<span id="svnrev">rev&nbsp;2024.9.18.15452</span>

Target

#svnrev

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 8.3pt (11px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc