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-rm53mvp4"] > .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-6ml02a07"] > .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-kkf3b5gv"] > .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-cdrsduew"] > .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-2uj22jm0"] > .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-w5w519dd"] > .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-a6bxtg0b"] > .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-e8o88b3a"] > .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-cw49efwt"] > .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-ban9wxq2"] > .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-qe3e2b89"] > .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-u2ijecs1"] > .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-rm53mvp4"] > .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-6ml02a07"] > .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-kkf3b5gv"] > .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-cdrsduew"] > .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-2uj22jm0"] > .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-w5w519dd"] > .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-a6bxtg0b"] > .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-e8o88b3a"] > .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-cw49efwt"] > .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-ban9wxq2"] > .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-qe3e2b89"] > .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-u2ijecs1"] > .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">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"]
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-rm53mvp4"] > .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-6ml02a07"] > .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-kkf3b5gv"] > .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-cdrsduew"] > .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-2uj22jm0"] > .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-w5w519dd"] > .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-a6bxtg0b"] > .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-e8o88b3a"] > .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-cw49efwt"] > .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-ban9wxq2"] > .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-qe3e2b89"] > .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-u2ijecs1"] > .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">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"]
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">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"]
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">Keisha Washington</a>
.mr2[href="/c/gherkins/users/169/"]
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: