product/components/activity-indicator

ID:: product/components/activity-indicator
Automated score:: 97.5
URL:: https://stackoverflow.design/product/components/activity-indicator

3 violations: Light: 1Dark: 1HC Light: 1

color-contrast-apca-custom

Light Serious Go to issue color-contrast-apca-custom-light

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

<em class="fc-black-350">N/A</em>

Target

em

Summary

Fix all of the following:

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

color-contrast-apca-custom

Dark Serious Go to issue color-contrast-apca-custom-dark

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

<em class="fc-black-350">N/A</em>

Target

em

Summary

Fix all of the following:

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

color-contrast-enhanced

HC Light Serious Go to issue color-contrast-enhanced-light-highcontrast

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

<em class="fc-black-350">N/A</em>

Target

em

Summary

Fix any of the following:

Element has insufficient color contrast of 4.82 (foreground color: #6a737c, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1