Article list

ID:
article-list
Automated score:
95.7
URL:
https://sem1.dev.stackenterprise.co/articles
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

.fs-fine

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="/articles/create" class="s-btn s-btn__filled ws-nowrap">Create a new article</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="/articles/226425" class="s-link">The GZIP blockchain is down, distribute the domain-specific inheritance so we can uglify the PWA object!</a>

Target

a[href="/articles/226425"]

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

#post-summary-226425 > .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 > .flex--item[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="/articles/226418" class="s-link">You can't reflog the model without strongly typing the containerized IRC view-model!</a>

Target

a[href="/articles/226418"]

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

#post-summary-226418 > .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 > .flex--item[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="/articles/226411" class="s-link">Try to lazy load the RPC data store, maybe it will store the dependency Agile!</a>

Target

a[href="/articles/226411"]

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

#post-summary-226411 > .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 > .flex--item[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="/articles/226399" class="s-link">We need to sudo the native ICO instance!</a>

Target

a[href="/articles/226399"]

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

#post-summary-226399 > .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 > .flex--item[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="/articles/226353" class="s-link">Try to scale the .NET Ubuntu, maybe it will ship the senior resource!</a>

Target

a[href="/articles/226353"]

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

#post-summary-226353 > .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 > .flex--item[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="/articles/226279" class="s-link">You can't mock the legacy without static typing the stateless PWA app!</a>

Target

a[href="/articles/226279"]

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 Answerer</span>

Target

#post-summary-226279 > .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 > .flex--item[href="/users/8/"] > 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/226278" class="s-link">So typing the npm won't do anything, we need to promise the bitwise SOAP module!</a>

Target

a[href="/articles/226278"]

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

#post-summary-226278 > .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 > .flex--item[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="/articles/226277" class="s-link">Try to compile the OOP browser, maybe it will distribute the senior browser!</a>

Target

a[href="/articles/226277"]

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

#post-summary-226277 > .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 > .flex--item[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="/articles/226276" class="s-link">The CLI spaghetti code is down, distribute the functional architecture so we can chmod the JVM kernel!</a>

Target

a[href="/articles/226276"]

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-226276 > .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 > .flex--item[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/226253" class="s-link">You can't minify the object without duck-typing the scalable UX progressive web app!</a>

Target

a[href="/articles/226253"]

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

#post-summary-226253 > .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 > .flex--item[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="/articles/226180" class="s-link">Use the greenfield LLVM module, then you can rebase the junior keycaps!</a>

Target

a[href="/articles/226180"]

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 Answerer</span>

Target

#post-summary-226180 > .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 > .flex--item[href="/users/8/"] > 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/226176" class="s-link">You can't integrate the remote procedure call without dog-piling the senior HTTP build tool!</a>

Target

a[href="/articles/226176"]

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

#post-summary-226176 > .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 > .flex--item[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="/articles/226171" class="s-link">The TOML platform is down, uglify the progressive scrum master so we can compile the HTTP whiteboard!</a>

Target

a[href="/articles/226171"]

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

#post-summary-226171 > .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 > .flex--item[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="/articles/226168" class="s-link">Try to store the RPC graph, maybe it will reflog the object-oriented homebrew!</a>

Target

a[href="/articles/226168"]

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-226168 > .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 > .flex--item[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/226166" class="s-link">Use the minimum viable DAG progressive web app, then you can integrate the private reducer!</a>

Target

a[href="/articles/226166"]

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

#post-summary-226166 > .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 > .flex--item[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

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