Public accessibility assessment

Accessibility issues detected on nocta.com

Evolize inspected 5 public pages on nocta.com and detected 43 automatically identifiable accessibility findings.

43Findings detected
8WCAG criteria affected
5Pages inspected
8 Sep 2026Assessment date

Highest detected severity: Critical · 15 high-priority findings · 100% inspected-page coverage

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/30 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)18 detected findings

Is nocta.com your website?

Keep this assessment current and get notified when new accessibility issues are detected.

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on nocta.com and detected 43 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/", where 30 findings were detected. The assessment identified findings mapped to 8 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

These findings combine the highest severity and broadest reach detected during this assessment.

  1. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 6 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /products/montrose-nocta-fleece-hoodie.

    View technical evidence →
  2. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 4 instances
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose. The link points to /collections/shop-all.

    View technical evidence →
  3. Critical

    Form fields are missing labels

    WCAG 1.3.1 (A) · 1 inspected page · 1 instance
    Why this matters

    Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

    Recommended action

    Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

    View technical evidence →
  4. High

    Form fields use placeholder text as the only label

    WCAG 1.3.1 (A) · 5 inspected pages · 10 instances
    Why this matters

    Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

    Recommended action

    Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

    View technical evidence →
  5. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 10 instances
    Why this matters

    An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA1833 / 5
2.4.3Focus OrderA755 / 5
4.1.2Name, Role, ValueA644 / 5
1.3.1Info and RelationshipsA555 / 5
2.1.1KeyboardA422 / 5
1.1.1Non-text ContentA244 / 5
2.4.4Link Purpose (In Context)A211 / 5
3.3.2Labels or InstructionsA155 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

Continuous monitoring

A scan shows today's exposure. Monitoring shows what changes next.

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

04 · All detected findings

Critical

Form fields are missing labels

WCAG 1.3.1 (A)1 instance1 inspected page

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Why it matters

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Recommended correction

Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

View 1 affected element
Component · Ref 2OB196
Affected pagehttps://www.nocta.com/products/tc-cap
Element#Quantity-template--17790632984725__main
Markup
<input class="quantity__input" type="number" name="quantity" id="Quantity-template--17790632984725__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--17790632984725__main">
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)50 instances5 inspected pages

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Why it matters

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Recommended correction

Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

View 50 affected elements
Component · Ref R8M1GV
Affected pagehttps://www.nocta.com/products/tc-cap
Elementli:nth-of-type(1) > ul > li:nth-of-type(2) > ul > li:nth-of-type(1) > a
Accessible nameNew Releases
Markup
<a href="/collections/new-releases">New Releases</a>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Component · Ref RQHTHI
Affected pagehttps://www.nocta.com/?pb=0
Elementinput#search-input-mobile
Markup
<input type="text" id="search-input-mobile" class="nocta-header__search-input" placeholder="Search for an item or collection">
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Component · Ref SAMWNY
Affected pagehttps://www.nocta.com/products/tc-cap
Elementdiv#shopify-section-sections--17790632394901__header > div > div:nth-of-type(6) > ul > li:nth-of-type(1) > a
Accessible nameShop
Markup
<a href="#" data-submenu-trigger="">
            Shop
            <span class="mobile-menu-style"></span>
          </a>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Component · Ref ONW3U7
Affected pagehttps://www.nocta.com/products/tc-cap
Elementbutton#search-submit
Accessible nameSubmit search
Markup
<button id="search-submit" aria-label="Submit search">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <line x1="5" y1="12" x2="19" y2="12"></line>
              <polyline points="12 5 19 12 12 19"></polyline>
            </svg>
          </button>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Component · Ref 87166O
Affected pagehttps://www.nocta.com/products/tc-cap
Elementdiv:nth-of-type(6) > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > a
Accessible nameCollections
Markup
<a href="#" data-submenu-trigger="">
                    Collections
                  </a>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Component · Ref W1O8LN
Affected pagehttps://www.nocta.com/products/tc-tee-1
Elementdiv#shopify-section-sections--22464367624341__header > div > div:nth-of-type(3) > div:nth-of-type(4) > div:nth-of-type(2) > a
Accessible nameCart (0)
Markup
<a href="/cart" class="nocta-header__cart-link">
          Cart (<span data-qnt="">0</span>)
        </a>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)10 instances5 inspected pages

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 10 affected elements
Component · Ref 253BMN
Affected pagehttps://www.nocta.com/?pb=0
Elementinput#search-input-mobile
Markup
<input type="text" id="search-input-mobile" class="nocta-header__search-input" placeholder="Search for an item or collection">
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)8 instances2 inspected pages

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Why it matters

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 8 affected elements
Component · Ref B44N7M
Affected pagehttps://www.nocta.com/products/tc-cap
Elementdiv#zoomPopup > div > div:nth-of-type(3)
Accessible nameNext slide
Rolebutton
Markup
<div class="swiper-button-next swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Next slide" aria-disabled="true"><svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.382…
Affected pages/products/tc-cap /products/tc-tee-1
Component · Ref ZNLALB
Affected pagehttps://www.nocta.com/products/tc-cap
Elementsection#shopify-section-template--17790632984725__rebuy_recommend_products_pnktb7 > div > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"><svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z" fi…
Affected pages/products/tc-cap /products/tc-tee-1
Component · Ref M8IISF
Affected pagehttps://www.nocta.com/products/tc-cap
Elementdiv#zoomPopup > div > div:nth-of-type(2)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled swiper-button-lock" tabindex="-1" role="button" aria-label="Previous slide" aria-disabled="true"><svg class="swiper-navigation-icon" width="11" height="20" viewBox="0 0 11 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0…
Affected pages/products/tc-cap /products/tc-tee-1
High

Scrollable region must have keyboard access

WCAG 2.1.1 (A)2 instances2 inspected pages

Scrollable region must have keyboard access

Why it matters

Scrollable region must have keyboard access

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 2 affected elements
Component · Ref 0FY9CS
Affected pagehttps://www.nocta.com/products/tc-tee-1
Element.image-swiper-wrapper
Accessible nameNocta bootleg, souvenir cactus tee. Distant regards graphic on the back. 100% organic cotton. Fits small, recommend 1 size up for men. Add $200.00+ for FREE SHIPPING if (Shopify.country === 'CA' || Shopify.country === 'US') { const progressBars = document.querySelectorAll('.Cart-progress-wrapper'); progressBars.forEach((b) => b.classList.remove('hidden')); } Souvenir Cactus Tee Regular price $45.00 USD Unit price /  per  Sold Out Regular price $45.00 USD Unit price /  per  Color Sequoia Sequoia WHITE SVariant sold out or unavailable MVariant sold out or unavailable LVariant sold out or unavailable XLVariant sold out or unavailable 2XLVariant sold out or unavailable Only Left [{"id":43259546402965,"title":"S \/ Sequoia","option1":"S","option2":"Sequoia","option3":null,"sku":"NO-23TC01-BK-02","requires_shipping":true,"taxable":true,"featured_image":{"id":36928590348437,"product_id":7842368946325,"position":1,"created_at":"2023-03-15T12:19:46-04:00","updated_at":"2023-03-15T12:19:50-04:00","alt":null,"width":1600,"height":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190","variant_ids":[43259546402965,43259546435733,43259546468501,43259546501269,43259546534037]},"available":false,"name":"Souvenir Cactus Tee - S \/ Sequoia","public_title":"S \/ Sequoia","options":["S","Sequoia"],"price":4500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"196149829203","featured_media":{"alt":null,"id":29387162419349,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43259546435733,"title":"M \/ Sequoia","option1":"M","option2":"Sequoia","option3":null,"sku":"NO-23TC01-BK-03","requires_shipping":true,"taxable":true,"featured_image":{"id":36928590348437,"product_id":7842368946325,"position":1,"created_at":"2023-03-15T12:19:46-04:00","updated_at":"2023-03-15T12:19:50-04:00","alt":null,"width":1600,"height":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190","variant_ids":[43259546402965,43259546435733,43259546468501,43259546501269,43259546534037]},"available":false,"name":"Souvenir Cactus Tee - M \/ Sequoia","public_title":"M \/ Sequoia","options":["M","Sequoia"],"price":4500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"196149829210","featured_media":{"alt":null,"id":29387162419349,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43259546468501,"title":"L \/ Sequoia","option1":"L","option2":"Sequoia","option3":null,"sku":"NO-23TC01-BK-04","requires_shipping":true,"taxable":true,"featured_image":{"id":36928590348437,"product_id":7842368946325,"position":1,"created_at":"2023-03-15T12:19:46-04:00","updated_at":"2023-03-15T12:19:50-04:00","alt":null,"width":1600,"height":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190","variant_ids":[43259546402965,43259546435733,43259546468501,43259546501269,43259546534037]},"available":false,"name":"Souvenir Cactus Tee - L \/ Sequoia","public_title":"L \/ Sequoia","options":["L","Sequoia"],"price":4500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"196149829227","featured_media":{"alt":null,"id":29387162419349,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43259546501269,"title":"XL \/ Sequoia","option1":"XL","option2":"Sequoia","option3":null,"sku":"NO-23TC01-BK-05","requires_shipping":true,"taxable":true,"featured_image":{"id":36928590348437,"product_id":7842368946325,"position":1,"created_at":"2023-03-15T12:19:46-04:00","updated_at":"2023-03-15T12:19:50-04:00","alt":null,"width":1600,"height":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190","variant_ids":[43259546402965,43259546435733,43259546468501,43259546501269,43259546534037]},"available":false,"name":"Souvenir Cactus Tee - XL \/ Sequoia","public_title":"XL \/ Sequoia","options":["XL","Sequoia"],"price":4500,"weight":0,"compare_at_price":null,"inventory_management":"shopify","barcode":"196149829234","featured_media":{"alt":null,"id":29387162419349,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1600,"width":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190"}},"requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}},{"id":43259546534037,"title":"2XL \/ Sequoia","option1":"2XL","option2":"Sequoia","option3":null,"sku":"NO-23TC01-BK-06","requires_shipping":true,"taxable":true,"featured_image":{"id":36928590348437,"product_id":7842368946325,"position":1,"created_at":"2023-03-15T12:19:46-04:00","updated_at":"2023-03-15T12:19:50-04:00","alt":null,"width":1600,"height":1600,"src":"\/\/www.nocta.com\/cdn\/shop\/products\/TSHIRT-OFFBLACK-FRONT.png?v=1678897190","variant_ids":[43259546402965,43259546435733,43259546468501,43259546501269,43259546534037]},"available":false,"name":"Souvenir Cactus Tee - 2XL \/ Sequoia","public_title":"…[truncated by Evolize: exceeded D1 value limit]
Markup
<div class="image-swiper-wrapper">
Affected pages/products/tc-cap /products/tc-tee-1
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)1 instance1 inspected page

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 1 affected element
Component · Ref UPT9NF
Affected pagehttps://www.nocta.com/pages/cart
Elementdiv#AfterSale > div
Roledialog
Markup
<div role="dialog" aria-modal="true" class="quick-add-modal__content global-settings-popup" tabindex="-1">
            <div id="QuickAddInfo" class="quick-add-modal__content-info "></div>
          </div>
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)5 instances5 inspected pages

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Why it matters

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Recommended correction

Wrap primary content in <main> and other regions in appropriate landmark elements.

View 5 affected elements
Component · Ref YNYRH2
Affected pagehttps://www.nocta.com/cart
Elementdiv#shopify-section-sections--22464367624341__header > div > div:nth-of-type(6) > ul > li:nth-of-type(1)
Accessible nameShop All Collections New Releases Best Sellers Cardinal Stock Basketball CODE Racing Distant Regards Footwear Air Force 1 Glide Zoom Drive Hot Step All Tops Tees Jerseys & Mesh Tops Jackets & Vests Sweatshirts & Hoodies All Bottoms Pants Shorts Base Layers All Outerwear GORE-TEX Track Jackets Puffers All Accessories Headwear Underwear Socks All
Markup
<li class="nocta-header__mobile-link has-submenu">
          <a href="#" data-submenu-trigger="">
            Shop
            <span class="mobile-menu-style"></span>
          </a><ul class="nocta-header__mobile-submenu">
                <li class="nocta-header__mobile-submenu-link">
                  <a href="https://www.nocta.com/collections/shop-all?filter.v.availability=1">
                    All
                  </a></li>
                <li class="nocta-header__mobile-submenu-link has-submenu">
                  <a href="#" data-submenu-trigger="">
                    Collections
    …
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1 /cart
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)4 instances4 inspected pages

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 4 affected elements
Component · Ref ZT3FS2
Affected pagehttps://www.nocta.com/products/tc-cap
Element.footer-lower > .region-select > .FooterRegionSelect > .created.sel-custom[data-id="LV224476"],#P0-0
Markup
<button role="combobox" id="P0-0" type="button" aria-haspopup="listbox" aria-controls="P0-1" aria-expanded="false" aria-autocomplete="none" aria-label="Countries" class="sc-hwddKA gNbezl sel-disclosure-btn sel-view-names sel-static">
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1
Medium

Page has no level-one heading

WCAG 1.3.1 (A)4 instances4 inspected pages

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Why it matters

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 4 affected elements
Component · Ref 9UQKMP
Affected pagehttps://www.nocta.com/pages/cart
Elementhtml > body
Accessible nameSkip to content #shopify-section-sections--22464367624341__header .nocta-header-wrapper { height: 85px; } #shopify-section-sections--22464367624341__header .nocta-header-wrapper:has(#FreeShippingBanner) { height: 125px; } #shopify-section-sections--22464367624341__header .nocta-header__mobile-nav { background-color: #000000; } #shopify-section-sections--22464367624341__header .nocta-header-wrapper a { color: #ffffff; } #shopify-section-sections--22464367624341__header .nocta-header__hamburger span { background-color: #ffffff; } #shopify-section-sections--22464367624341__header .nocta-header__search-input { position: absolute; top: 100%; left: 0; right: 0; padding: 1em 4em; z-index: 1000; } #shopify-section-sections--22464367624341__header .search-input-wrapper { display: flex; width: 100%; position: relative; } #shopify-section-sections--22464367624341__header .nocta-header__search-input input { padding: 1em; width: 100%; background: transparent; border: 1px solid #ffffff;; color: #ffffff; } #shopify-section-sections--22464367624341__header .nocta-header__search-input input:focus-visible { outline: 0; outline-offset: 0; box-shadow: none; } #shopify-section-sections--22464367624341__header #search-submit { background: none; border: none; cursor: pointer; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); } #shopify-section-sections--22464367624341__header #search-submit svg { width: 20px; height: 20px; vertical-align: middle; stroke: #ffffff; } @media screen and (min-width: 989px) { #shopify-section-sections--22464367624341__header .nocta-mega-menu__submenu { flex-direction: column; } #shopify-section-sections--22464367624341__header .nocta-mega-menu__subsubmenu { opacity: 1; display: flex; flex-direction: column; position: static; transform: none; padding-left: 1em; max-height: 0; transition: max-height 0.5s ease-out; overflow: hidden; flex-wrap: nowrap; align-items: flex-start; padding-bottom: 0; } #shopify-section-sections--22464367624341__header .nocta-mega-menu__subsubmenu.nocta-menu-visible { max-height: 1000px; transition: max-height 0.2s ease-in; } #shopify-section-sections--22464367624341__header .nocta-mega-menu__subsubmenu .nocta-mega-menu__subsubmenu-item{ width: auto; } } @media screen and (max-width: 989px) { #shopify-section-sections--22464367624341__header .nocta-header-wrapper { height: 70px; } #shopify-section-sections--22464367624341__header .nocta-header__search-input{ position: relative; } } FREE SHIPPING ON ORDER OVER $200 Shop Archive Search Account Cart (0) Cart (0) All Collections New Releases Best Sellers Cardinal Stock Basketball CODE Racing Distant Regards Footwear Air Force 1 Glide Zoom Drive Hot Step All Tops Tees Jerseys & Mesh Tops Jackets & Vests Sweatshirts & Hoodies All Bottoms Pants Shorts Base Layers All Outerwear GORE-TEX Track Jackets Puffers All Accessories Headwear Underwear Socks All #shopify-section-sections--22464367624341__header { position: fixed; width: 100%; top: 0; z-index: 999996; } #shopify-section-sections--22464367624341__header .nocta-header__search-bar { display: flex; width: 100%; position: relative; } #shopify-section-sections--22464367624341__header .nocta-header__search-bar input { padding: 0.75em 1em; width: 100%; background: transparent; border: 1px solid #ffffff;; color: #ffffff; } #shopify-section-sections--22464367624341__header .nocta-header__search-bar input:focus-visible { outline: 0; outline-offset: 0; box-shadow: none; } #shopify-section-sections--22464367624341__header #search-submit-mobile{ background: none; border: none; cursor: pointer; position: absolute; right: 0.5em; top: 50%; transfor…[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="rm-stc gradient animate--hover-default template-page sel-initialized" style="margin-top: 40px;" ge-active="false">
    
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a><script src="//www.nocta.com/cdn/shop/t/383/assets/sold-out.js?v=172823245749718403231788183260" defer="defer"></script>
    <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--22464367624341__header" class="shopify-section shopify-section-group-header-group" style="top: 40px;"><link href="//www.nocta.com/cdn/shop/t/383/assets/nocta-h…
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)4 instances4 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 4 affected elements
Component · Ref YS7OKC
Affected pagehttps://www.nocta.com/pages/cart
Elementdiv#shopify-section-sections--22464367624341__header > div > div:nth-of-type(3) > div:nth-of-type(1) > nav
Accessible nameShop Archive
Markup
<nav class="nocta-header__nav">
        <div class="nocta-mega-menu" role="menu">

            <div class="nocta-mega-menu__item" role="none">
              <a href="#" class="nocta-mega-menu__link" role="menuitem" aria-haspopup="true" aria-expanded="false" data-submenu-trigger="1">
                Shop
              </a>
            </div>

            <div class="nocta-mega-menu__item" role="none">
              <a href="/pages/archive" class="nocta-mega-menu__link" role="menuitem">
                Archive
              </a>
            </div></div>
      </nav>
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1
Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)78 instances3 inspected pages

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 78 affected elements
Component · Ref MI2UN7
Affected pagehttps://www.nocta.com/products/tc-tee-1
Element.card-wrapper:nth-child(1) > .card--standard > .card__inner > .card__variants-wrapper.desktop-only > .card__variants-list-wrapper > .card__variants-list.card__variants-list-gap > li:nth-child(2) > product-form > .form[action="/cart/add"][novalidate="novalidate"] > .available[data-product-id="8876189319317"][type="submit"]
Accessible nameM
Markup
<button id="quick-add-template--..." type="submit" name="add" class="card__variants-btn  ..." aria-haspopup="dialog" aria-labelledby="quick-add-template--..." aria-live="polite" data-sold-out-messag...="true" data-product-url="https://www.nocta.co..." data-product-id="8876189319317">
Affected pages/products/tc-cap /products/tc-tee-1
Component · Ref BCI7QX
Affected pagehttps://www.nocta.com/products/tc-cap
Element#swiper-wrapper-6accb7a3a110daf6d > .swiper-slide-active.swiper-slide[aria-label="1 / 5"] > .card-wrapper:nth-child(3) > .card--standard > .card__inner > .card__variants-wrapper.desktop-only > .card__variants-list-wrapper > .card__variants-list.card__variants-list-gap > li:nth-child(2) > product-form > .form[action="/cart/add"][novalidate="novalidate"] > .available[data-product-id="7878759252117"][type="submit"]
Accessible nameS
Markup
<button id="quick-add-template--..." type="submit" name="add" class="card__variants-btn  ..." aria-haspopup="dialog" aria-labelledby="quick-add-template--..." aria-live="polite" data-sold-out-messag...="true" data-product-url="https://www.nocta.co..." data-product-id="7878759252117">
Affected pages/products/tc-cap /products/tc-tee-1
Component · Ref 86TRL2
Affected pagehttps://www.nocta.com/products/tc-cap
Element#swiper-wrapper-5f5197ff4b7da733 > .swiper-slide-next.swiper-slide[aria-label="2 / 5"] > .card-wrapper:nth-child(3) > .card--standard > .card__inner > .card__variants-wrapper.desktop-only > .card__variants-list-wrapper > .card__variants-list.card__variants-list-gap > li:nth-child(1) > product-form > .form[action="/cart/add"][novalidate="novalidate"] > .available[data-product-id="7587051470997"][type="submit"]
Accessible nameS
Markup
<button id="quick-add-template--..." type="submit" name="add" class="card__variants-btn  ..." aria-haspopup="dialog" aria-labelledby="quick-add-template--..." aria-live="polite" data-sold-out-messag...="true" data-product-url="https://www.nocta.co..." data-product-id="7587051470997">
Affected pages/products/tc-cap /products/tc-tee-1
Component · Ref M7S7LT
Affected pagehttps://www.nocta.com/?pb=0
Elementli:nth-child(1) > product-form > .form[action="/cart/add"][novalidate="novalidate"] > .available[data-product-id="9290806427797"][type="submit"]
Accessible nameS Montrose Nocta Fleece Hoodie
Markup
<button id="quick-add-template--..." type="submit" name="add" class="card__variants-btn  ..." aria-haspopup="dialog" aria-labelledby="quick-add-template--..." aria-live="polite" data-sold-out-messag...="true" data-product-url="/products/montrose-n..." data-product-id="9290806427797" ...>
Low

Low-quality alternative text

WCAG 1.1.1 (A)17 instances4 inspected pages

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Why it matters

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Recommended correction

Replace placeholder or filename alt text with a concise description of what the image conveys.

View 17 affected elements
Component · Ref ZSG3N9
Affected pagehttps://www.nocta.com/products/tc-cap
Elementdiv#shopify-section-sections--17790632427669__footer > footer > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > img
Markup
<img src="//www.nocta.com/cdn/shop/files/Logo_2a8e7851-d876-4fd3-adb6-a1aefea7b9b0.png?v=1727278964&amp;width=800" alt="NOCTA" srcset="//www.nocta.com/cdn/shop/files/Logo_2a8e7851-d876-4fd3-adb6-a1aefea7b9b0.png?v=1727278964&amp;width=80 80w, //www.nocta.com/cdn/shop/files/Logo_2a8e7851-d876-4fd3-adb6-a1aefea7b9b0.png?v=1727278964&amp;width=120 120w, //www.nocta.com/cdn/shop/files/Logo_2a8e7851-d876-4fd3-adb6-a1aefea7b9b0.png?v=1727278964&amp;width=160 160w" width="80" height="auto" loading="eager" class="nocta-mobile-footer__logo-image" sizes="(max-width: 160px) 50vw, 80px">
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1
Component · Ref 38420G
Affected pagehttps://www.nocta.com/products/tc-tee-1
Elementdiv > div:nth-of-type(3) > div:nth-of-type(3) > a:nth-of-type(1) > div > img
Markup
<img src="//www.nocta.com/cdn/shop/files/Logo_1a7499b2-ba78-418e-982a-a9741415bdb6.png?v=1727278960&amp;width=800" alt="NOCTA" srcset="//www.nocta.com/cdn/shop/files/Logo_1a7499b2-ba78-418e-982a-a9741415bdb6.png?v=1727278960&amp;width=100 100w, //www.nocta.com/cdn/shop/files/Logo_1a7499b2-ba78-418e-982a-a9741415bdb6.png?v=1727278960&amp;width=150 150w, //www.nocta.com/cdn/shop/files/Logo_1a7499b2-ba78-418e-982a-a9741415bdb6.png?v=1727278960&amp;width=200 200w" width="100" height="auto" loading="eager" class="nocta-header__logo-image" sizes="(max-width: 200px) 50vw, 100px">
Affected pages/ /pages/cart /products/tc-cap /products/tc-tee-1
Low

Text has insufficient colour contrast

WCAG 1.4.3 (AA)31 instances3 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 31 affected elements
Component · Ref ITKX65
Affected pagehttps://www.nocta.com/products/tc-cap
Element.swiper-slide-active.swiper-slide[aria-label="1 / 5"] > .card-wrapper:nth-child(1) > .card--standard > .card__inner > .card__variants-wrapper.desktop-only > .nocta-badge
Accessible nameRESTOCK
Markup
<div class="nocta-badge">RESTOCK</div>
Component · Ref RJGEBQ
Affected pagehttps://www.nocta.com/?pb=0
Element#Slide-template--22464368181397__featured_collection_hGEazK-2 > .card-wrapper.product-card-wrapper > .card.card--standard.card--media > .card__inner.color-.ratio > .card__variants-wrapper > .nocta-badge
Accessible nameNEW
Markup
<div class="nocta-badge">
              NEW
            </div>
Component · Ref PSZ8I3
Affected pagehttps://www.nocta.com/?pb=0
Element.banner__content--bottom-left > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > .button--secondary.button-hover.button--padding
Accessible nameShop Cardinal Stock
Markup
<a href="/collections/sp26-cardinal-stock" class="button button--secondary button-hover button--padding">Shop Cardinal Stock</a>
Component · Ref T7NBND
Affected pagehttps://www.nocta.com/?pb=0
Element.banner__content--middle-right > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > h2
Accessible nameKevin Durant Basketball Collection
Markup
<h2 class="banner__heading inline-richtext " style="font-size: 12px;">
              Kevin Durant Basketball Collection
            </h2>
Component · Ref E5S8AQ
Affected pagehttps://www.nocta.com/?pb=0
Element.banner__content--middle-right > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > .banner__text.rte > p
Accessible nameOn and off court performance apparel
Markup
<p style="font-size: 12px;">On and off court performance apparel</p>
Component · Ref 9YO98S
Affected pagehttps://www.nocta.com/?pb=0
Element#Banner-template--22464368181397__image_banner_EAd4jw > .banner__content--middle-left.banner__content.banner__content__mobile--middle > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > h2
Accessible nameFall '26 Cardinal Stock
Markup
<h2 class="banner__heading inline-richtext " style="font-size: 12px;">
              Fall '26 Cardinal Stock
            </h2>
Component · Ref UU20SZ
Affected pagehttps://www.nocta.com/?pb=0
Element#Banner-template--22464368181397__image_banner_3jnQ3Y > .banner__content--middle-left.banner__content.banner__content__mobile--middle > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > .banner__text.rte > p
Accessible nameCode began as a precision experiment inside Nike — Tony Spackman’s future-tech approach to performance design. Now reimagined through NOCTA, CODE 05 explores a world where nature and technology merge.
Markup
<p style="font-size: 12px;">Code began as a precision experiment inside Nike — Tony Spackman’s future-tech approach to performance design. Now reimagined through NOCTA, CODE 05 explores a world where nature and technology merge.</p>
Component · Ref 2FR0QW
Affected pagehttps://www.nocta.com/?pb=0
Element#shopify-block-featured_collection_HQbYLE > .collection-content.collection-content__mobile--bottom.collection-content--middle > .collection-buttons.collection-buttons-center > a
Accessible nameCARDINAL STOCK SU26
Markup
<a style=" color: rgb(var(--color-button)); font-size: 14px;" href="/collections/su26-cardinal-stock">CARDINAL STOCK SU26</a>
Component · Ref 7R7UZJ
Affected pagehttps://www.nocta.com/?pb=0
Element.nocta-mega-menu__link[href$="account"]
Accessible nameAccount
Markup
<a href="/account" class="nocta-mega-menu__link">Account</a>
Component · Ref 2QGTKZ
Affected pagehttps://www.nocta.com/cart
Element.button[href$="all"]
Accessible nameContinue shopping
Markup
<a href="/collections/all" class="button">
        Continue shopping
      </a>
Component · Ref VO7N0U
Affected pagehttps://www.nocta.com/products/tc-cap
Element#Quantity-template--17790632984725__main
Markup
<input class="quantity__input" type="number" name="quantity" id="Quantity-template--17790632984725__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--17790632984725__main">
Component · Ref 4YUHIT
Affected pagehttps://www.nocta.com/cart
Element.underlined-link
Accessible nameContinue shopping
Markup
<a href="/collections/all" class="underlined-link">Continue shopping</a>
Component · Ref 8GHVOR
Affected pagehttps://www.nocta.com/?pb=0
Elementa[data-submenu-trigger="1"]
Accessible nameShop
Rolemenuitem
Markup
<a href="#" class="nocta-mega-menu__link" role="menuitem" aria-haspopup="true" aria-expanded="false" data-submenu-trigger="1">
                Shop
              </a>
Component · Ref J2XD2Q
Affected pagehttps://www.nocta.com/?pb=0
Element.button--secondary.button-hover[href$="shop-all"]
Accessible nameShop New
Markup
<a href="/collections/shop-all" class="button button--secondary button-hover button--padding">Shop New</a>
Component · Ref BVO0FV
Affected pagehttps://www.nocta.com/?pb=0
Element#search-trigger
Accessible nameSearch
Markup
<a href="#" class="nocta-mega-menu__link" id="search-trigger">Search</a>
Component · Ref KTH24E
Affected pagehttps://www.nocta.com/?pb=0
Element#Banner-template--22464368181397__image_banner_3jnQ3Y > .banner__content--middle-left.banner__content.banner__content__mobile--middle > .banner__box.color-scheme-6fa818c1-edbf-4a80-90c2-5381bdf10049 > .banner__box--content > .button--secondary.button-hover.button--padding
Accessible nameNOCTA X CODE
Markup
<a href="/collections/code" class="button button--secondary button-hover button--padding">NOCTA X CODE</a>
Component · Ref KFP4Q7
Affected pagehttps://www.nocta.com/?pb=0
Element.nocta-mega-menu__link[href$="cart"] > span[data-qnt=""]
Accessible name0
Markup
<span data-qnt="">0</span>
Component · Ref NN4E2Q
Affected pagehttps://www.nocta.com/?pb=0
Element.nocta-mega-menu__link[href$="archive"][role="menuitem"]
Accessible nameArchive
Rolemenuitem
Markup
<a href="/pages/archive" class="nocta-mega-menu__link" role="menuitem">
                Archive
              </a>

05 · Most affected inspected pages

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

  • Publicly accessible surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
  • Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

Is information in this report inaccurate or outdated? Request a correction or removal.