Collections

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

19 violations: Light: 5Dark: 5HC Light: 5HC Dark: 4

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 elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex]

Ensure elements with an ARIA role that require child roles contain them. Certain ARIA roles must contain particular children. Help URL

HTML

<ol class="s-topbar--content" role="menubar">

Target

ol

Summary

Fix any of the following:

  • Element has children which are not allowed: li[tabindex]

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

<div class="flex--item pl6">
                Collections
            </div>

Target

#nav-collections > .w100.ai-center.d-flex > .pl6.flex--item

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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(2) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 57.35Lc (foreground color: #0095ff, background color: #ffffff, font size: 9.0pt (12px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<div class="s-pagination--item is-selected" aria-current="&quot;page&quot;">1</div>

Target

div[aria-current="\"page\""]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

HTML

<a href="/collections?filter=all&amp;query=&amp;page=1&amp;pagesize=15" title="Show 15 items per page" class="s-pagination--item is-selected" aria-current="true">15</a>

Target

a[title="Show 15 items per page"]

Summary

Fix all of the following:

  • Element has insufficient APCA custom level contrast of 55.41Lc (foreground color: #ffffff, background color: #f48225, font size: 9.8pt (13px), font weight: 400). Expected minimum APCA lightness contrast of 60Lc

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/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(2) > article > .mt-auto.mln8.mbn8 > .s-user-card > .s-user-card--info > .s-user-card--link.lh-lg[href="/users/5/"]

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

.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 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.65 (foreground color: #ffffff, background color: #0077cc, font size: 9.8pt (13px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71366">
                                    hack online harness reciprocal Tasty
                                </a>

Target

a[href="/collections/71366"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71361">
                                    Senior Interactions efficient Alaska Ergonomic Car Concrete Optimized FTP firewall intermediate
                                </a>

Target

a[href="/collections/71361"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71358">
                                    Savings Usability Garden pixel relationships
                                </a>

Target

a[href="/collections/71358"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(3) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71356">
                                    Research Idaho withdrawal Officer projection Functionality Cotton Identity array Illinois
                                </a>

Target

a[href="/collections/71356"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71355">
                                    haptic microchip global Agent card
                                </a>

Target

a[href="/collections/71355"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(5) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71253">
                                    Handcrafted Consultant plum quantifying Fish
                                </a>

Target

a[href="/collections/71253"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(6) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71210">
                                    Jewelery Granite structure 24 Beauty
                                </a>

Target

a[href="/collections/71210"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(7) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71204">
                                    deposit convergence Buckinghamshire Outdoors Arizona
                                </a>

Target

a[href="/collections/71204"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(8) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71203">
                                    SCSI calculating payment Montana Ergonomic
                                </a>

Target

a[href="/collections/71203"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1

HTML

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

Target

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

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71202">
                                    Outdoors virtual Liaison Bedfordshire Representative Modern grow
                                </a>

Target

a[href="/collections/71202"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(10) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71055">
                                    Florida Manager Chair Mill Reduced
                                </a>

Target

a[href="/collections/71055"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(11) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71015">
                                    Brazil Tuna TCP Buckinghamshire Zloty
                                </a>

Target

a[href="/collections/71015"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(12) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71009">
                                    pricing up violet interfaces bus
                                </a>

Target

a[href="/collections/71009"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(13) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71008">
                                    Yemeni Helena Plastic olive Assistant
                                </a>

Target

a[href="/collections/71008"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(14) > 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.65 (foreground color: #0077cc, background color: #ffffff, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 7:1

HTML

<a class="question-hyperlink" href="/collections/71007">
                                    Berkshire Cotton SSL Oriental Configurable Frozen Engineer Cheese orchid
                                </a>

Target

a[href="/collections/71007"]

Summary

Fix any of the following:

  • Element has insufficient color contrast of 4.65 (foreground color: #0077cc, 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(15) > 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.65 (foreground color: #0077cc, 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

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

Ensure <li> elements are used semantically. <li> elements must be contained in a <ul> or <ol>. Help URL

HTML

<li>

Target

ol > li:nth-child(3)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"

HTML

<li>
                <a href="/users/logout" class="s-topbar--item js-logout-button" title="Log out of Home Page">
                    Log out
                </a>
            </li>

Target

ol > li:nth-child(9)

Summary

Fix any of the following:

  • List item parent element has a role that is not role="list"