Collections

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

10 violations: Light: 2Dark: 3HC 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"

Ensures the contrast between foreground and background colors meets APCA custom level conformance minimums thresholds. Elements must meet APCA conformance minimums thresholds. Help URL

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 all of the following:

  • Element has insufficient APCA custom level contrast of 51.41Lc (foreground color: #5fabf7, background color: #252627, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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/270413">
                                    Lats Advanced Berkshire collaborative methodologies
                                </a>

Target

a[href="/collections/270413"]

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(1) > 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/270412">
                                    Forward Maryland Nevada Programmable Cove
                                </a>

Target

a[href="/collections/270412"]

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

<a class="question-hyperlink" href="/collections/270411">
                                    collection-Gplox0WS3mJbdFu
                                </a>

Target

a[href="/collections/270411"]

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(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/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/270409">
                                    drive interface ADP application GB
                                </a>

Target

a[href="/collections/270409"]

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

.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/270408">
                                    proactive calculate Concrete compressing and
                                </a>

Target

a[href="/collections/270408"]

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(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/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/270407">
                                    functionalities input Chair Recycled California fuchsia 1080p Borders Bedfordshire
                                </a>

Target

a[href="/collections/270407"]

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/270406">
                                    collection-Kj2DHD1RZKQuAl7
                                </a>

Target

a[href="/collections/270406"]

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

.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/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 class="question-hyperlink" href="/collections/267212">
                                    Berkshire connecting THX to Towels
                                </a>

Target

a[href="/collections/267212"]

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(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/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/267211">
                                    Books Frozen Malta magnetic Rustic
                                </a>

Target

a[href="/collections/267211"]

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/267209">
                                    Managed Walks input olive copy
                                </a>

Target

a[href="/collections/267209"]

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(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/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/267208">
                                    Cloned Loan adapter Dobra payment program Baby
                                </a>

Target

a[href="/collections/267208"]

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(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/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/265405">
                                    Armenian program Czech virtual sticky
                                </a>

Target

a[href="/collections/265405"]

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/265404">
                                    South Port Home Georgia GB
                                </a>

Target

a[href="/collections/265404"]

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(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/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/265402">
                                    Granite intuitive Regional alarm reboot
                                </a>

Target

a[href="/collections/265402"]

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

.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/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 class="question-hyperlink" href="/collections/265401">
                                    intuitive Islands Paraguay online Borders Innovative Specialist Gorgeous intuitive
                                </a>

Target

a[href="/collections/265401"]

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(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/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

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