product/base/transitions

ID:
product/base/transitions
Automated score:
99.1
URL:
https://stackoverflow.design/product/base/transitions
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

<div class="flex--item bg-black-200 ba bc-black-225 bar-sm p32 t t-delay h:bg-orange-500">
                    .t-delay
                </div>

Target

.t-delay

Summary

Fix all of the following:

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