Home

ID:
home
Automated score:
98.1
URL:
https://stackoverflowteams.com/
View JSON file

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

<h4 class="ta-center mb24 fs-body2 fc-black-300 pt32 sm:pt0 fw-normal">Used by thousands of organizations around the globe</h4>

Target

h4

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 31.74Lc (foreground color: #babfc5, background color: #f9fafa, font size: 11.3pt (15px), 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

<h4 class="ta-center mb24 fs-body2 fc-black-300 pt32 sm:pt0 fw-normal">Used by thousands of organizations around the globe</h4>

Target

h4

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 26.08Lc (foreground color: #73787d, background color: #2d2e2f, font size: 11.3pt (15px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<h5 class="-title">Stack Overflow</h5>

Target

.site-footer--col:nth-child(1) > h5

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

a[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(1) > .js-primary-footer-links > 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(1) > .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 class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 13 })" href="https://stackoverflow.co/company/contact/">Contact Us</a>

Target

.site-footer--col:nth-child(1) > .js-primary-footer-links > 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: 43 })" href="https://api.stackoverflowteams.com">API</a>

Target

.site-footer--col:nth-child(1) > .js-primary-footer-links > 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

<h5 class="-title">Products</h5>

Target

.site-footer--col:nth-child(2) > h5

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: 29 })" href="https://stackoverflow.co/teams/?utm_source=so-teams&amp;utm_medium=product&amp;utm_campaign=site-footer&amp;utm_content=teams">Teams</a>

Target

.site-footer--col:nth-child(2) > .js-primary-footer-links > 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 class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 21 })" href="https://stackoverflow.co/advertising/?utm_source=so-teams&amp;utm_medium=product&amp;utm_campaign=site-footer&amp;utm_content=advertising">Advertising</a>

Target

.site-footer--col:nth-child(2) > .js-primary-footer-links > 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: 20 })" href="https://stackoverflow.co/advertising/employer-branding/?utm_source=so-teams&amp;utm_medium=product&amp;utm_campaign=site-footer&amp;utm_content=talent">Talent</a>

Target

.site-footer--col:nth-child(2) > .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

<h5 class="-title">Policies</h5>

Target

.site-footer--col:nth-child(3) > h5

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: 7 })" href="https://policies.stackoverflow.co/teams">Legal</a>

Target

.site-footer--col:nth-child(3) > .js-primary-footer-links > 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 class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 8 })" href="https://policies.stackoverflow.co/teams/privacy-notice">Privacy Policy</a>

Target

.site-footer--col:nth-child(3) > .js-primary-footer-links > 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: 37 })" href="https://policies.stackoverflow.co/teams">Terms of Service</a>

Target

.site-footer--col:nth-child(3) > .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

<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

.site-footer--col:nth-child(3) > .js-primary-footer-links > 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

<h5 class="-title">Channels</h5>

Target

.site-footer--col:nth-child(4) > h5

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.blog/" class="js-gps-track -link" data-gps-track="footer.click({ location: 1, link: 4 })">Blog</a>

Target

a[href$="stackoverflow.blog/"]

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.blog/podcast/" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 42 })">Podcast</a>

Target

.site-footer--col:nth-child(4) > ul > 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.blog/newsletter/" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 41 })">Newsletter</a>

Target

.site-footer--col:nth-child(4) > ul > 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://twitter.com/stackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 32 })">Twitter</a>

Target

.site-footer--col:nth-child(4) > ul > 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://linkedin.com/company/stack-overflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 33 })">LinkedIn</a>

Target

.site-footer--col:nth-child(4) > ul > 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://www.instagram.com/thestackoverflow" class="-link js-gps-track" data-gps-track="footer.click({ location: 1, link: 36 })">Instagram</a>

Target

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