Home

ID:
home
Automated score:
95.4
View JSON file

6 violations: Light: 1Dark: 2HC Light: 2HC Dark: 1

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

<li class="fs-fine tt-uppercase ml12 mt24 mb4 fc-light">
            Teams
        </li>

Target

.ml12

Summary

Fix any of the following:

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

HTML

<a href="https://sem1.dev.stackenterprise.co/questions/ask" class="flex-item s-btn s-btn__filled ml6">
                Ask a question
            </a>

Target

.s-btn__filled

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #ffffff, background color: #1b75d0, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="https://sem1.dev.stackenterprise.co/home/your-contributions" class="s-link s-link__muted" aria-current="false">Your contributions</a>

Target

.s-link__muted.s-link[aria-current="false"]

Summary

Fix any of the following:

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

HTML

<a class="ml2" href="/questions/119547">Try to integrate the AI parameter, maybe it will promise the public production!</a>

Target

a[href="/questions/119547"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="ml2" href="/questions/119536">The DOM branch is down, mock the containerized bitcoin so we can lazy load the HTML CSS grid!</a>

Target

a[href="/questions/119536"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="ml2" href="/questions/119537">We need to ship the maintainable SQL reducer!</a>

Target

a[href="/questions/119537"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<button class="s-btn s-btn__link flex--item">Show more</button>

Target

.s-btn__link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="js-gps-track js-tag-preferences-modal-launcher" data-controller="teams-tag-prefs-modal-launcher" data-action="click->

Target

.p0.bar-md.s-card:nth-child(11) > .pb4.px16.jc-space-between > .flex--item:nth-child(1) > .fs-body1.fc-black-400 > .js-tag-preferences-modal-launcher[data-controller="teams-tag-prefs-modal-launcher"][href="#"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/questions/110109?r=HomePageUnansweredQuestions" class="s-link">The XML websocket is down, promise the documentation-driven node module so we can mock the CSS-in-JS inheritance!</a>

Target

#question-summary-110109 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Question Asker</span>

Target

#question-summary-110109 > .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="/users/5/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/115766?r=HomePageUnansweredQuestions" class="s-link">We need to distribute the bitwise big O state!</a>

Target

#question-summary-115766 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Question Asker</span>

Target

#question-summary-115766 > .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="/users/5/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/117366?r=HomePageUnansweredQuestions" class="s-link">Use the maintainable ELF mechanical keyboard, then you can gradle the mobile continuous integration!</a>

Target

#question-summary-117366 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Question Asker</span>

Target

#question-summary-117366 > .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="/users/5/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<span data-teams-home-page-display-toggler-target="toggle">Show more</span>

Target

button[aria-controls="hiddenUnansweredQuestions"] > span[data-teams-home-page-display-toggler-target="toggle"]:nth-child(1)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="js-gps-track js-tag-preferences-modal-launcher" data-controller="teams-tag-prefs-modal-launcher" data-action="click->

Target

.p0.bar-md.s-card:nth-child(12) > .pb4.px16.jc-space-between > .flex--item:nth-child(1) > .fs-body1.fc-black-400 > .js-tag-preferences-modal-launcher[data-controller="teams-tag-prefs-modal-launcher"][href="#"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/articles/174?r=HomePageTrendingPosts" class="s-link">Intelligent input Devolved Soap Lights</a>

Target

#post-summary-174 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Question Asker</span>

Target

#post-summary-174 > .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="/users/5/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<a href="/questions/3658?r=HomePageTrendingPosts" class="s-link">Attempted organization, hint arrange cause?</a>

Target

#question-summary-3658 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Question Asker</span>

Target

#question-summary-3658 > .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="/users/5/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<a href="/articles/4381?r=HomePageTrendingPosts" class="s-link">invoice sky Borders RSS Belarussian</a>

Target

#post-summary-4381 > .s-post-summary--content > h3 > .s-link

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<span itemprop="name">Test Upvoter</span>

Target

#post-summary-4381 > .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="/users/6/"] > span[itemprop="name"]

Summary

Fix any of the following:

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

HTML

<span data-teams-home-page-display-toggler-target="toggle">Show more</span>

Target

button[aria-controls="hiddenTrendingPosts"] > span[data-teams-home-page-display-toggler-target="toggle"]:nth-child(1)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a href="/search?q=%5bcode2%5d+answers%3A0+hasaccepted%3Ano+closed%3Ano+obsolete%3Ano+created%3A3m..&amp;searchOn=1" class="fs-caption" aria-label="View 1412 unanswered questions on tag code2">

Target

.p16:nth-child(1) > .gsy.gs16.fd-column > .flex--item:nth-child(1) > .ai-center.d-flex > div:nth-child(2) > .fs-caption

Summary

Fix any of the following:

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

HTML

<a href="/search?q=%5bjavascript%5d+answers%3A0+hasaccepted%3Ano+closed%3Ano+obsolete%3Ano+created%3A3m..&amp;searchOn=1" class="fs-caption" aria-label="View 793 unanswered questions on tag javascript">

Target

.p16:nth-child(1) > .gsy.gs16.fd-column > .flex--item:nth-child(2) > .ai-center.d-flex > div:nth-child(2) > .fs-caption

Summary

Fix any of the following:

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

HTML

<span class="" data-teams-home-page-display-toggler-target="toggle">Show more</span>

Target

button[aria-controls="hidden-tags"] > span[data-teams-home-page-display-toggler-target="toggle"]:nth-child(1)

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.66 (foreground color: #1b75d0, background color: #ffffff, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

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 class="ml2" href="/questions/119537">We need to ship the maintainable SQL reducer!</a>

Target

a[href="/questions/119537"]

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

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul

Ensure that lists are structured correctly. <ul> and <ol> must only directly contain <li>, <script> or <template> elements. Help URL

HTML

<ul class="s-navigation s-navigation__vertical">

Target

nav[role="navigation"] > .s-navigation.s-navigation__vertical

Summary

Fix all of the following:

  • List element has direct children that are not allowed: ul