Collections

ID:
collections
Automated score:
92.6
URL:
https://sem1.dev.stackenterprise.co/collections
View JSON file

9 violations: Light: 2Dark: 2HC Light: 3HC Dark: 2

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<a class="s-btn s-btn__filled ws-nowrap" href="/collections/create" aria-pressed="false">
                Create a new collection
            </a>

Target

.s-btn__filled

Summary

Fix all of the following:

  • ARIA attribute is not allowed: aria-pressed="false"

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<a class="s-btn s-btn__filled ws-nowrap" href="/collections/create" aria-pressed="false">
                Create a new collection
            </a>

Target

.s-btn__filled

Summary

Fix all of the following:

  • ARIA attribute is not allowed: aria-pressed="false"

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<a class="s-btn s-btn__filled ws-nowrap" href="/collections/create" aria-pressed="false">
                Create a new collection
            </a>

Target

.s-btn__filled

Summary

Fix all of the following:

  • ARIA attribute is not allowed: aria-pressed="false"

Ensure an element's role supports its ARIA attributes. Elements must only use supported ARIA attributes. Help URL

HTML

<a class="s-btn s-btn__filled ws-nowrap" href="/collections/create" aria-pressed="false">
                Create a new collection
            </a>

Target

.s-btn__filled

Summary

Fix all of the following:

  • ARIA attribute is not allowed: aria-pressed="false"

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

.tt-uppercase

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 class="s-btn s-btn__filled ws-nowrap" href="/collections/create" aria-pressed="false">
                Create a new collection
            </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 class="question-hyperlink" href="/collections/172305">
                                    Legacy invoice envisioneer application Quality
                                </a>

Target

a[href="/collections/172305"]

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

.s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/172301">
                                    Islands magenta hard Granite Advanced
                                </a>

Target

a[href="/collections/172301"]

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

.js-list-browser--item.p0.s-card:nth-child(2) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/172300">
                                    collection-QFgxRikynKFMdYb
                                </a>

Target

a[href="/collections/172300"]

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

.js-list-browser--item.p0.s-card:nth-child(3) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/172285">
                                    Soap Iowa Plastic Creative Norfolk
                                </a>

Target

a[href="/collections/172285"]

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

.js-list-browser--item.p0.s-card:nth-child(4) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171820">
                                    efficient Balanced deposit Wooden infomediaries
                                </a>

Target

a[href="/collections/171820"]

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

.js-list-browser--item.p0.s-card:nth-child(5) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171750">
                                    PNG program Mountains Director explicit
                                </a>

Target

a[href="/collections/171750"]

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

.js-list-browser--item.p0.s-card:nth-child(6) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171749">
                                    Specialist cyan pink connecting Cotton
                                </a>

Target

a[href="/collections/171749"]

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

.js-list-browser--item.p0.s-card:nth-child(7) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171740">
                                    ADP Credit Plastic Upgradable Mouse
                                </a>

Target

a[href="/collections/171740"]

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

.js-list-browser--item.p0.s-card:nth-child(8) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171739">
                                    tangible Kids Grocery National PNG Texas Computer Metal teal Montana Program
                                </a>

Target

a[href="/collections/171739"]

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

.js-list-browser--item.p0.s-card:nth-child(9) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171730">
                                    deposit Soft Soap Modern panel
                                </a>

Target

a[href="/collections/171730"]

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

.js-list-browser--item.p0.s-card:nth-child(10) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171297">
                                    Borders Account Shirt Fiji Baby
                                </a>

Target

a[href="/collections/171297"]

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

.js-list-browser--item.p0.s-card:nth-child(11) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171227">
                                    AGP Fish SDD calculate Integration Thailand Automotive
                                </a>

Target

a[href="/collections/171227"]

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

.js-list-browser--item.p0.s-card:nth-child(12) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171226">
                                    collection-bbLhwJS99wnvDTY
                                </a>

Target

a[href="/collections/171226"]

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

.js-list-browser--item.p0.s-card:nth-child(13) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171218">
                                    Jewelery British harness system Books
                                </a>

Target

a[href="/collections/171218"]

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

.js-list-browser--item.p0.s-card:nth-child(14) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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 class="question-hyperlink" href="/collections/171208">
                                    Savings interactive Product Glens Granite
                                </a>

Target

a[href="/collections/171208"]

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

.js-list-browser--item.p0.s-card:nth-child(15) > article > .mt-auto.mln8.mbn8 > div[itemprop="author"][itemscope=""][itemtype="http://schema.org/Person"] > .s-user-card--info > .s-user-card--link.lh-lg[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

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