Home

ID:
home
Automated score:
95.9
View JSON file

5 violations: Light: 1Dark: 1HC 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/171336">invoice Fresh Borders PNG Lesotho plum Maine Checking National</a>

Target

a[href="/questions/171336"]

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/168974">Kentucky generating Wells panel SDR Chicken Research COM</a>

Target

a[href="/questions/168974"]

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="/review/content-health/1233916">Strategist Delaware toolset Guinea RSS Manager niches payment Developer Tactics</a>

Target

a[href="/review/content-health/1233916"]

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/144387?r=HomePageUnansweredQuestions" class="s-link">Buckinghamshire Coves Electronic solution Liaison disintermediate</a>

Target

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

#question-summary-144387 > .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/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/159061?r=HomePageUnansweredQuestions" class="s-link">You can't promise the injection without programming the serverless ML shareware!</a>

Target

#question-summary-159061 > .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-159061 > .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/159065?r=HomePageUnansweredQuestions" class="s-link">The REST killer app is down, compose the incognito markup so we can sort the TOML code!</a>

Target

#question-summary-159065 > .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-159065 > .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="/articles/34826?r=HomePageTrendingPosts" class="s-link">Granite indexing hack Health Pound</a>

Target

#post-summary-34826 > .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-34826 > .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="/articles/2332?r=HomePageTrendingPosts" class="s-link">Practical withdrawal RAM Loan Tobago</a>

Target

#post-summary-2332 > .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-2332 > .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 1886 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 1069 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 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