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/226409">
                                    Corners Accounts transmitter parsing Fantastic
                                </a>

Target

a[href="/collections/226409"]

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/226407">
                                    transmitting wireless Philippines granular architecture
                                </a>

Target

a[href="/collections/226407"]

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/226406">
                                    Borders turquoise Luxurious Gorgeous THX reboot Pound Horizontal Botswana Quality Usability
                                </a>

Target

a[href="/collections/226406"]

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/226405">
                                    collection-xcxgs7g9wHij62V
                                </a>

Target

a[href="/collections/226405"]

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(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/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/225468">
                                    calculating workforce maroon withdrawal Avon
                                </a>

Target

a[href="/collections/225468"]

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(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/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/225467">
                                    Designer generate transmit hacking Auto
                                </a>

Target

a[href="/collections/225467"]

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(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/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/225466">
                                    Account Avon black granular feed interfaces generating Industrial magenta Compatible
                                </a>

Target

a[href="/collections/225466"]

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(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/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/224180">
                                    Music PCI magnetic HDD Refined
                                </a>

Target

a[href="/collections/224180"]

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(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/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/224179">
                                    success Optimization Rubber Granite Electronics
                                </a>

Target

a[href="/collections/224179"]

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/224177">
                                    CSS Architect radical Designer network Orchard Corporate hacking Nevada Technician Avon
                                </a>

Target

a[href="/collections/224177"]

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(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/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/220423">
                                    Elegant Keyboard Digitized Steel Music
                                </a>

Target

a[href="/collections/220423"]

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/220421">
                                    yellow convergence backing holistic framework
                                </a>

Target

a[href="/collections/220421"]

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(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/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/220420">
                                    SMS Central Hat Music hacking
                                </a>

Target

a[href="/collections/220420"]

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(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/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/220419">
                                    Outdoors Salad Brazil Burundi navigating invoice Balanced Inlet Mill
                                </a>

Target

a[href="/collections/220419"]

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(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/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/219760">
                                    Proactive Bacon RSS Peru Health
                                </a>

Target

a[href="/collections/219760"]

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

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