Home

ID:
home
Automated score:
95.9
URL:
https://sem1.dev.stackenterprise.co
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/220437">We need to lazy eval the ecommerce GZIP composition!</a>

Target

a[href="/questions/220437"]

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/220430">If we ship the keycaps, we can get to the REST composition through the domain-specific TOML whiteboard!</a>

Target

a[href="/questions/220430"]

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/220379">Carolina Cambridgeshire Greens teal transition Customer</a>

Target

a[href="/questions/220379"]

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/207157?r=HomePageUnansweredQuestions" class="s-link">If we circle back the terminal, we can get to the AI injection through the greenfield OOP presenter!</a>

Target

#question-summary-207157 > .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 Engineering Admin</span>

Target

a[href="/users/3/"] > 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/211659?r=HomePageUnansweredQuestions" class="s-link">If we compose the npm, we can get to the HTTP cache through the incognito FIFO raspberry pi!</a>

Target

#question-summary-211659 > .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-211659 > .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/217983?r=HomePageUnansweredQuestions" class="s-link">Use the Byzantine ML system, then you can compile the remote Ubuntu!</a>

Target

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

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

#question-summary-21495 > .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/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 2168 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 1555 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