Collections

ID:
collections
Automated score:
92.1
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

<a href="/users/8/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(2) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/8/"]

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">
            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/122142">
                                    Sri feed withdrawal USB parsing
                                </a>

Target

a[href="/collections/122142"]

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 href="/users/8/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(1) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/8/"]

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/122141">
                                    Bacon driver overriding Industrial Cotton
                                </a>

Target

a[href="/collections/122141"]

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/122140">
                                    discrete compress Outdoors Robust Ukraine Shoes Louisiana invoice Frozen application 24/365
                                </a>

Target

a[href="/collections/122140"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(3) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/122124">
                                    auxiliary payment pink morph Bedfordshire
                                </a>

Target

a[href="/collections/122124"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(4) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/122117">
                                    withdrawal Future Maine Extended Investor
                                </a>

Target

a[href="/collections/122117"]

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 href="/users/8/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(5) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/8/"]

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/121201">
                                    connecting plum Elegant orchid bypass
                                </a>

Target

a[href="/collections/121201"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(6) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/121142">
                                    monitor Montana auxiliary scale integrate
                                </a>

Target

a[href="/collections/121142"]

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 href="/users/6/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    Test Upvoter <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">Test Upvoter</span>
                </a>

Target

.js-list-browser--item.p0.s-card:nth-child(7) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/6/"]

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/121141">
                                    generation virtual user Money redundant
                                </a>

Target

a[href="/collections/121141"]

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 href="/users/3/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.s-user-card--link.lh-lg[href="/users/3/"]

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/121140">
                                    Netherlands methodical Director Elegant array sticky Directives
                                </a>

Target

a[href="/collections/121140"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(9) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/121123">
                                    District bypassing Associate Program calculate
                                </a>

Target

a[href="/collections/121123"]

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 href="/users/8/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(10) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/8/"]

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/121114">
                                    Indiana Garden Handmade connecting Rubber
                                </a>

Target

a[href="/collections/121114"]

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 href="/users/7/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    Test Downvoter <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">Test Downvoter</span>
                </a>

Target

.js-list-browser--item.p0.s-card:nth-child(11) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/7/"]

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/120784">
                                    PW_Collection_05/11/2025_3729_If we transact the diversity and inclusion, we can get to the UI library through the stateless YAML legacy!
                                </a>

Target

a[href="/collections/120784"]

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 href="/users/6/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    Test Upvoter <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">Test Upvoter</span>
                </a>

Target

.js-list-browser--item.p0.s-card:nth-child(12) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/6/"]

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/120782">
                                    PW_Collection_05/11/2025_4738_We need to gradle the reactive SRE open source!
                                </a>

Target

a[href="/collections/120782"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(13) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/120483">
                                    pixel encryption Streamlined encoding GB
                                </a>

Target

a[href="/collections/120483"]

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 href="/users/5/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">

Target

.js-list-browser--item.p0.s-card:nth-child(14) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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/120387">
                                    Unions paradigm Idaho recontextualize Arizona
                                </a>

Target

a[href="/collections/120387"]

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 href="/users/7/" class="s-user-card--link lh-lg" itemprop="author" itemscope="" itemtype="http://schema.org/Person">
                    Test Downvoter <span class="ws-nowrap"></span>

                        <span class="d-none" itemprop="name">Test Downvoter</span>
                </a>

Target

.js-list-browser--item.p0.s-card:nth-child(15) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/7/"]

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