3 violations: Light: 1 Dark: 1 HC 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
<button class="ws-nowrap s-btn is-selected" type="button" aria-pressed="true">Ask question</button>
.stacks-preview:nth-child(9) > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(1) > .px4.ta-center:nth-child(4) > .is-selected.ws-nowrap[type="button"]
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__outlined is-selected" type="button" aria-pressed="true">Ask question</button>
.stacks-preview:nth-child(9) > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(2) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__outlined.ws-nowrap
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__muted s-btn__filled is-selected" type="button" aria-pressed="true">Ask question</button>
.s-btn__filled.is-selected.s-btn__muted
Fix all of the following:
<button class="ws-nowrap s-btn is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .is-loading.is-selected.ws-nowrap
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__outlined is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .is-loading.is-selected.s-btn__outlined
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.is-selected.ws-nowrap
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__outlined s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.is-selected.s-btn__outlined
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(1) > .px4.ta-center:nth-child(3) > .ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<button class="ws-nowrap s-btn is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(1) > .px4.ta-center:nth-child(4) > .is-selected.ws-nowrap[type="button"]
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .is-selected.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(2) > .px4.ta-center:nth-child(3) > .s-btn__outlined.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__outlined is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(2) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__outlined.ws-nowrap
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__outlined.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(3) > .px4.ta-center:nth-child(3) > .s-btn__filled.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(3) > .px4.ta-center:nth-child(4) > .s-btn__filled.is-selected.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(4) > .px4.ta-center:nth-child(3) > .s-btn__danger.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__danger.s-btn__outlined.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.s-btn__danger.is-selected.s-btn__outlined > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__danger.s-btn__filled.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.s-btn__danger.s-btn__filled.is-selected > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(7) > .px4.ta-center:nth-child(3) > .s-btn__muted.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(7) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__muted.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__outlined.s-btn__muted.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.is-selected.s-btn__outlined.s-btn__muted > .s-btn--badge > .s-btn--number
Fix all of the following:
<em class="fc-black-350">N/A</em>
.fc-black-350
Fix all of the following:
Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL
<div class="stacks-badge-dotnet--text d-flex flex__center brr-sm px8 py4">Razor</div>
.stacks-badge-dotnet--text
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.s-btn__outlined
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__muted s-btn__filled is-selected" type="button" aria-pressed="true">Ask question</button>
.s-btn__filled.is-selected.s-btn__muted
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .is-loading.s-btn__danger.is-selected
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(5) > .px4.ta-center:nth-child(4) > .is-loading.s-btn__danger.is-selected
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.s-btn__danger.is-selected
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(5) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.s-btn__danger.is-selected
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(1) > .px4.ta-center:nth-child(3) > .ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .is-selected.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(2) > .px4.ta-center:nth-child(3) > .s-btn__outlined.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__outlined.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(3) > .px4.ta-center:nth-child(3) > .s-btn__filled.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(3) > .px4.ta-center:nth-child(4) > .s-btn__filled.is-selected.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(4) > .px4.ta-center:nth-child(3) > .s-btn__danger.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__danger.s-btn__outlined.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(5) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.s-btn__outlined
Fix all of the following:
<span class="s-btn--number">198</span>
.s-btn__danger.is-selected.s-btn__outlined > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__danger.s-btn__filled.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(7) > .px4.ta-center:nth-child(3) > .s-btn__muted.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
tr:nth-child(7) > .px4.ta-center:nth-child(4) > .is-selected.s-btn__muted.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__outlined.s-btn__muted.ws-nowrap > .s-btn--badge > .s-btn--number
Fix all of the following:
<span class="s-btn--number">198</span>
.is-selected.s-btn__outlined.s-btn__muted > .s-btn--badge > .s-btn--number
Fix all of the following:
<em class="fc-black-350">N/A</em>
.fc-black-350
Fix all of the following:
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
<button class="ws-nowrap s-btn s-btn__danger is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(1) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(2) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.s-btn__outlined
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .is-loading.s-btn__danger.is-selected
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-loading is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(5) > .px4.ta-center:nth-child(4) > .is-loading.s-btn__danger.is-selected
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.s-btn__danger.is-selected
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined s-btn__dropdown is-selected" type="button" aria-pressed="true">Ask question</button>
tr:nth-child(5) > .px4.ta-center:nth-child(4) > .s-btn__dropdown.s-btn__danger.is-selected
Fix any of the following:
<span class="s-btn--number">198</span>
tr:nth-child(1) > .px4.ta-center:nth-child(3) > .ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix any of the following:
<span class="s-btn--number">198</span>
tr:nth-child(2) > .px4.ta-center:nth-child(3) > .s-btn__outlined.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(4) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.ws-nowrap
Fix any of the following:
<button class="ws-nowrap s-btn s-btn__danger s-btn__outlined is-selected" type="button" aria-pressed="true">
Active <span class="s-btn--badge"><span class="s-btn--number">198</span></span>
</button>
section:nth-child(6) > .stacks-preview > .stacks-preview--example > .overflow-x-auto > .wmn5 > tbody > tr:nth-child(5) > .px4.ta-center:nth-child(4) > .s-btn__danger.is-selected.s-btn__outlined
Fix any of the following:
<span class="s-btn--number">198</span>
tr:nth-child(7) > .px4.ta-center:nth-child(3) > .s-btn__muted.ws-nowrap[type="button"] > .s-btn--badge > .s-btn--number
Fix any of the following:
<span class="s-btn--number">198</span>
.px4.ta-center:nth-child(3) > .s-btn__outlined.s-btn__muted.ws-nowrap > .s-btn--badge > .s-btn--number
Fix any of the following:
<em class="fc-black-350">N/A</em>
.fc-black-350
Fix any of the following: