Question List

ID:: question-list
Automated score:: 91.8
URL:: https://stackoverflowteams.com/c/gherkins/questions

10 violations: Light: 2Dark: 3HC Light: 3HC Dark: 2

aria-required-children

Light Critical Go to issue aria-required-children-light

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex], div[aria-live]

aria-required-children

Dark Critical Go to issue aria-required-children-dark

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex], div[aria-live]

aria-required-children

HC Light Critical Go to issue aria-required-children-light-highcontrast

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex], div[aria-live]

aria-required-children

HC Dark Critical Go to issue aria-required-children-dark-highcontrast

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

Element has children which are not allowed: li[tabindex], div[aria-live]

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

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1665 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">14</span>

Target

div[title="14 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

div[title="14 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1665" class="s-link" data-controller="s-popover" aria-controls="popover-question-1665" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1665"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1665 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1444 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1444 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="7 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1444" class="s-link" data-controller="s-popover" aria-controls="popover-question-1444" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1444"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1444 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">19</span>

Target

div[title="19 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

div[title="19 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1221" class="s-link" data-controller="s-popover" aria-controls="popover-question-1221" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1221"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1221 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-831 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-831 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="8 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/831" class="s-link" data-controller="s-popover" aria-controls="popover-question-831" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/831"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-831 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">11</span>

Target

#question-summary-651 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="11 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-651 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="11 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/651" class="s-link" data-controller="s-popover" aria-controls="popover-question-651" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/651"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-651 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1357 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1357 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="8 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1357" class="s-link" data-controller="s-popover" aria-controls="popover-question-1357" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1357"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1357 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1195 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="8 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1195" class="s-link" data-controller="s-popover" aria-controls="popover-question-1195" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1195"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1195 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-34 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">79</span>

Target

div[title="79 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

div[title="79 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/34" class="s-link" data-controller="s-popover" aria-controls="popover-question-34" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/34"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/30/" class="flex--item">Ben Kelly</a>

Target

#question-summary-34 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href="/c/gherkins/users/30/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-560 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">24</span>

Target

div[title="24 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

div[title="24 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/560" class="s-link" data-controller="s-popover" aria-controls="popover-question-560" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/560"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-560 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">78</span>

Target

div[title="78 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

div[title="78 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/16" class="s-link" data-controller="s-popover" aria-controls="popover-question-16" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/16"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answers</span>

Target

#question-summary-1678 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="0 answers"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-number">11</span>

Target

#question-summary-1678 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="11 views"] > .s-post-summary--stats-item-number

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1678 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="11 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1678" class="s-link" data-controller="s-popover" aria-controls="popover-question-1678" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1678"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/191/" class="flex--item">Loren Alldrin</a>

Target

#question-summary-1678 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href="/c/gherkins/users/191/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answers</span>

Target

#question-summary-1677 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="0 answers"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1677 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="3 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1677" class="s-link" data-controller="s-popover" aria-controls="popover-question-1677" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1677"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/191/" class="flex--item">Loren Alldrin</a>

Target

#question-summary-1677 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href="/c/gherkins/users/191/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1663 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1663 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="5 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1663" class="s-link" data-controller="s-popover" aria-controls="popover-question-1663" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1663"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1663 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1661 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">view</span>

Target

#question-summary-1661 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="1 view"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1661" class="s-link" data-controller="s-popover" aria-controls="popover-question-1661" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1661"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1661 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1659 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">view</span>

Target

#question-summary-1659 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="1 view"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1659" class="s-link" data-controller="s-popover" aria-controls="popover-question-1659" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1659"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1659 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1657 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">view</span>

Target

#question-summary-1657 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="1 view"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1657" class="s-link" data-controller="s-popover" aria-controls="popover-question-1657" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1657"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1657 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1655 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">views</span>

Target

#question-summary-1655 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="2 views"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1655" class="s-link" data-controller="s-popover" aria-controls="popover-question-1655" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1655"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1655 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1653 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">view</span>

Target

#question-summary-1653 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="1 view"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1653" class="s-link" data-controller="s-popover" aria-controls="popover-question-1653" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1653"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1653 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">answer</span>

Target

#question-summary-1651 > .s-post-summary--stats.js-post-summary-stats > .has-answers.s-post-summary--stats-item[title="1 answer"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.92 (foreground color: #0e6235, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span class="s-post-summary--stats-item-unit">view</span>

Target

#question-summary-1651 > .s-post-summary--stats.js-post-summary-stats > .s-post-summary--stats-item[title="1 view"] > .s-post-summary--stats-item-unit

Summary

Fix any of the following:

Element has insufficient color contrast of 6.59 (foreground color: #525960, background color: #fdf6e7, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/questions/1651" class="s-link" data-controller="s-popover" aria-controls="popover-question-1651" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/1651"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/c/gherkins/users/-1/" class="flex--item">Community</a>

Target

#question-summary-1651 > .s-post-summary--content > .s-post-summary--meta > .s-user-card__minimal.s-user-card[aria-live="polite"] > .s-user-card--info > .s-user-card--link.gs4.d-flex > a[href$="-1/"]

Summary

Fix any of the following:

Element has insufficient color contrast of 6.83 (foreground color: #145799, background color: #fdf6e7, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="js-edit-watched-tags flex--item ml12" href="https://stackoverflowteams.com/users/tag-notifications/current#watching-12815" aria-label="edit your watched tags" data-gps-track="edit_watched_tags.click({ pageUrl:  })">
                    edit
                </a>

Target

.js-edit-watched-tags

Summary

Fix any of the following:

Element has insufficient color contrast of 6.79 (foreground color: #525960, background color: #f9fafa, font size: 11.3pt (15px), font weight: normal). Expected contrast ratio of 7:1

link-in-text-block

Dark Serious Go to issue link-in-text-block-dark

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

HTML

<a href="/c/gherkins/questions/ask" class="s-link js-gps-track " data-gps-track="teams.inline_onboarding.ask_question.click">Ask a question</a>

Target

.s-link.js-gps-track[href$="ask"]

Summary

Fix any of the following:

The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
The link has no styling (such as underline) to distinguish it from the surrounding text

HTML

<a href="/c/gherkins/questions/133" class="s-link" data-controller="s-popover" aria-controls="popover-question-133" data-s-popover-placement="bottom-start" data-action="mouseover->

Target

a[href="/c/gherkins/questions/133"]

Summary

Fix any of the following:

The link has insufficient color contrast of 1.75:1 with the surrounding text. (Minimum contrast is 3:1, link text: #90c4f9, surrounding text: #f9fafa)
The link has no styling (such as underline) to distinguish it from the surrounding text

listitem

Light Serious Go to issue listitem-light

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

Dark Serious Go to issue listitem-dark

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

HC Light Serious Go to issue listitem-light-highcontrast

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

listitem

HC Dark Serious Go to issue listitem-dark-highcontrast

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(2)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"

HTML

<li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

List item parent element has a role that is not role="list"