14 violations: Light: 4Dark: 4HC Light: 3HC Dark: 3
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
.s-topbar--content
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
.s-topbar--content
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
.s-topbar--content
Fix any of the following:
Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL
<ol class="s-topbar--content" role="menubar">
.s-topbar--content
Fix any 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
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-q9cnst8u"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tu19ceot"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2a83n0hf"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-vmtjzyx9"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-jzft3n2t"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tch3l6m1"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-533ow4vr"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-zp3j662o"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-frkbbvdq"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-cbzwxa1y"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-kxowplrd"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2ia7xrve"] > .js-add-reaction-label.pl6.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
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-q9cnst8u"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tu19ceot"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2a83n0hf"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-vmtjzyx9"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-jzft3n2t"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tch3l6m1"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-533ow4vr"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-zp3j662o"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-frkbbvdq"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-cbzwxa1y"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-kxowplrd"] > .js-add-reaction-label.pl6.fc-black-350
Fix all of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2ia7xrve"] > .js-add-reaction-label.pl6.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
<div class="user-action-time fl-grow1">
asked <span title="2023-10-18 14:07:39Z" class="relativetime">Oct 18, 2023 at 14:07</span>
</div>
.owner > .user-info > .d-flex > .user-action-time.fl-grow1
Fix any of the following:
<span title="2023-10-18 14:07:39Z" class="relativetime">Oct 18, 2023 at 14:07</span>
.relativetime[title="2023-10-18 14:07:39Z"]
Fix any of the following:
<a href="/c/gherkins/users/169/" class="mr2" dir="auto">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"][dir="auto"]
Fix any of the following:
<span class="reputation-score" title="reputation score " dir="ltr">141</span>
.owner > .user-info > .user-details[itemprop="author"][itemtype="http://schema.org/Person"] > .-flair > .reputation-score[title="reputation score "][dir="ltr"]
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-q9cnst8u"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tu19ceot"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2a83n0hf"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-vmtjzyx9"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-jzft3n2t"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-tch3l6m1"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-533ow4vr"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-zp3j662o"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-frkbbvdq"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-cbzwxa1y"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-kxowplrd"] > .js-add-reaction-label.pl6.fc-black-350
Fix any of the following:
<span class="va-middle pl6 js-add-reaction-label fc-black-350">add a reaction</span>
button[aria-describedby="--stacks-s-tooltip-2ia7xrve"] > .js-add-reaction-label.pl6.fc-black-350
Fix any 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
<a href="/c/gherkins/users/169/" class="mr2" dir="auto">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"][dir="auto"]
Fix any of the following:
Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL
<a href="/c/gherkins/users/169/" class="mr2" dir="auto">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"][dir="auto"]
Fix any of the following:
Ensure links are distinguished from surrounding text in a way that does not rely on color. Links must be distinguishable without relying on color. Help URL
<a href="/c/gherkins/users/169/" class="mr2" dir="auto">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"][dir="auto"]
Fix any of the following:
<a href="/c/gherkins/questions/ask">ask your own question</a>
.bottom-notice > div > a[href$="ask"]
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
.s-topbar--content > li:nth-child(2)
Fix any of the following:
<li>
.s-topbar--content > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
.s-topbar--content > li:nth-child(2)
Fix any of the following:
<li>
.s-topbar--content > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
.s-topbar--content > li:nth-child(2)
Fix any of the following:
<li>
.s-topbar--content > li:nth-child(9)
Fix any of the following:
Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL
<li>
.s-topbar--content > li:nth-child(2)
Fix any of the following:
<li>
.s-topbar--content > li:nth-child(9)
Fix any of the following: