home

ID:
home
Automated score:
98.9
URL:
https://stackoverflow.design/
View JSON file

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

<div class="fw-bold fs-body3 fc-theme-primary-400 mb2">Product</div>

Target

a[href$="using-stacks"] > .flex--item:nth-child(2) > .fs-body3.mb2.fw-bold

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 12.8pt (17px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="fw-bold fs-body3 fc-theme-primary-400 mb2">Email</div>

Target

.s-card.p16.bs-sm:nth-child(2) > .flex--item:nth-child(2) > .fs-body3.mb2.fw-bold

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 12.8pt (17px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="fw-bold fs-body3 fc-theme-primary-400 mb2">Content</div>

Target

.s-card.p16[href$="principles"]:nth-child(3) > .flex--item:nth-child(2) > .fs-body3.mb2.fw-bold

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 12.8pt (17px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="fw-bold fs-body3 fc-theme-primary-400 mb2">Brand</div>

Target

.s-card.p16[href$="principles"]:nth-child(4) > .flex--item:nth-child(2) > .fs-body3.mb2.fw-bold

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.58Lc (foreground color: #e7700d, background color: #ffffff, font size: 12.8pt (17px), font weight: 700). Expected minimum APCA lightness contrast of 60Lc