Home

ID:
home
Automated score:
95.2
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">
            Private 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/267174">Borders Metal Gorgeous synergize indigo Berkshire</a>

Target

a[href="/questions/267174"]

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/267115">Try to scale the GZIP model, maybe it will contribute the reliable Kubernetes!</a>

Target

a[href="/questions/267115"]

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/267141">Try to scale the JVM inheritance, maybe it will inject the documentation-driven object!</a>

Target

a[href="/questions/267141"]

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/247699?r=HomePageUnansweredQuestions" class="s-link">If we ping the document object model, we can get to the OOP convention through the idiosyncratic IRC service worker!</a>

Target

#question-summary-247699 > .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-247699 > .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/252150?r=HomePageUnansweredQuestions" class="s-link">You can't lazy eval the continuous integration without coding the static UI RSS feed!</a>

Target

#question-summary-252150 > .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 Moderator To Be</span>

Target

a[href="/users/9/"] > 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/253838?r=HomePageUnansweredQuestions" class="s-link">If we mutate the shadow DOM, we can get to the ELF virtual DOM through the protected ELF budget!</a>

Target

#question-summary-253838 > .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-253838 > .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="/questions/10031?r=HomePageTrendingPosts" class="s-link">quantifying synthesize Loti Wooden Krona</a>

Target

#question-summary-10031 > .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

#question-summary-10031 > .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

<a href="/questions/21495?r=HomePageTrendingPosts" class="s-link">Martinique Road Cheese Concrete monitoring program Aruban capacity yellow</a>

Target

#question-summary-21495 > .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 Downvoter</span>

Target

a[href="/users/7/"] > 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/10279?r=HomePageTrendingPosts" class="s-link">digital Common Quality Concrete program</a>

Target

#question-summary-10279 > .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-10279 > .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="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 2355 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 2147 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/267174">Borders Metal Gorgeous synergize indigo Berkshire</a>

Target

a[href="/questions/267174"]

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