EVOLIZEDIGITAL RISK INTELLIGENCE
RUN FREE ASSESSMENT
RUN FREE ASSESSMENT
Public accessibility assessment

Accessibility issues detected on catchsurf.com

Evolize inspected 5 public pages on catchsurf.com and detected 35 automatically identifiable accessibility findings.

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

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

Most widespread issueInteractive controls are not keyboard-accessibleDetected on 5 inspected pages
Most affected page/products/log24 findings detected
Most represented WCAG criterionWCAG 2.4.3 — Focus Order11 detected findings

Is catchsurf.com your website?

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

ACTIVATE MONITORINGRUN A FREE ASSESSMENT
https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on catchsurf.com and detected 35 accessibility findings. The most widespread issue was "Interactive controls are not keyboard-accessible", detected on 5 inspected pages. The most affected inspected page was "/products/log", where 24 findings were detected. The assessment identified findings mapped to 7 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

    Dropdown menus have no accessible name

    WCAG 4.1.2 (A) · 2 inspected pages · 6 instances
    Why this matters

    Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

    Recommended action

    Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

    View technical evidence →
  2. Critical

    Form fields are missing labels

    WCAG 1.3.1 (A) · 2 inspected pages · 6 instances
    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 →
  3. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 5 inspected pages · 30 instances
    Why this 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 action

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

    View technical evidence →
  4. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 5 inspected pages · 30 instances
    Why this 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 action

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

    View technical evidence →
  5. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 15 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
2.4.3Focus OrderA1155 / 5
1.4.3Contrast (Minimum)AA855 / 5
2.1.1KeyboardA555 / 5
4.1.2Name, Role, ValueA522 / 5
1.3.1Info and RelationshipsA455 / 5
1.1.1Non-text ContentA233 / 5
1.2.2Captions (Prerecorded)A111 / 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.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

Critical

Form fields are missing labels

WCAG 1.3.1 (A)6 instances2 inspected pages

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 6 affected elements
Component · Ref UR0W97
Affected pagehttps://catchsurf.com/products/log-100
Element.lb-upsell-product-page-card.lb-upsell-ppa-card-product.lb-upsell-product-card:nth-child(4) > lb-product-card > .lb-spc-cont.lb-spc-border.undefined > .lb-spc-body.lb-spc-border-radius > .lb-spc-details-checkbox-cont > .lb-spc-details-checkbox[type="checkbox"]
Markup
<input type="checkbox" class="lb-spc-details-checkbox">
Affected pages/products/log /products/log-100
Critical

Dropdown menus have no accessible name

WCAG 4.1.2 (A)6 instances2 inspected pages

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Why it matters

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Recommended correction

Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

View 6 affected elements
Component · Ref 05J372
Affected pagehttps://catchsurf.com/products/log
Element.lb-upsell-product-page-card.lb-upsell-ppa-card-product.lb-upsell-product-card:nth-child(4) > lb-product-card > .lb-spc-cont.lb-spc-border.undefined > .lb-spc-body.lb-spc-border-radius > .lb-spc-details-cont > .lb-spc-details-btm > .lb-spc-details-variants.lb-spc-border-radius > lb-shared-variants > select
Accessible nameColor - Size Royal-Checkers / 6'0"Royal-Checkers / 7'0"Royal-Checkers / 8'0"Royal-Checkers / 9'0"
Markup
<select class="lb-shared-variants-select border-animation">
Affected pages/products/log /products/log-100
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)20 instances5 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 20 affected elements
Component · Ref PJ4Y6V
Affected pagehttps://catchsurf.com/products/log-100
Element#notificationManagerLink
Accessible nameManage Cookies
Rolebutton
Markup
<a id="notificationManagerLink" href="#" role="button" class="manager-link" tabindex="0">
            Manage Cookies
          </a>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref PIJW9E
Affected pagehttps://catchsurf.com/
Element#notificationPolicyLink
Accessible namePrivacy Policy ↗
Markup
<a href="/apps/enzuzo/privacy" id="notificationPolicyLink" target="_blank" rel="noreferrer" tabindex="0">Privacy Policy ↗</a>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref KAJH1Y
Affected pagehttps://catchsurf.com/products/log-100
Element#Quantity-template--28493821018478__main
Markup
<input class="quantity__input" type="number" name="quantity" id="Quantity-template--28493821018478__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--28493821018478__main" max="null">
Affected pages/products/log /products/log-100
Component · Ref 4GCG1R
Affected pagehttps://catchsurf.com/cart
Element.enzuzo-notification-desc > span
Accessible nameWe use cookies to optimize your browsing experience for the purpose of personalizing and measuring the effectiveness of ads. By clicking "Allow All", you consent to our use of cookies. Privacy Policy ↗
Markup
<span>
Affected pages/pages/contact-us /cart
Component · Ref 16WZD
Affected pagehttps://catchsurf.com/pages/contact-us
Element.desktop-footer.footer-block--menu[data-product-card-tracked="true"]:nth-child(1) > .footer-block__heading.inline-richtext[data-uw-rm-heading="prs"]
Accessible nameSupport
Markup
<h2 class="footer-block__heading inline-richtext" data-uw-rm-heading="prs">Support</h2>
Component · Ref XQ5CHW
Affected pagehttps://catchsurf.com/pages/contact-us
Element.desktop-footer.footer-block--menu.footer-block:nth-child(3) > .footer-block__heading.inline-richtext[data-uw-rm-heading="prs"]
Accessible nameCompany
Markup
<h2 class="footer-block__heading inline-richtext" data-uw-rm-heading="prs">Company</h2>
Component · Ref SJZIY8
Affected pagehttps://catchsurf.com/
Element.video-promo__overlay-inner > .video-promo__text.rte > p
Accessible nameHighlights from Leg One of the 2026 Get Wet Tour
Markup
<p>Highlights from Leg One of the 2026 Get Wet Tour</p>
Component · Ref 7NXEJN
Affected pagehttps://catchsurf.com/
Element.video-promo__overlay-inner > .video-promo__heading.h1.banner__heading
Accessible nameEAST BOUND & STOKED!
Markup
<h2 class="video-promo__heading banner__heading inline-richtext h1" data-uw-rm-heading="prs">EAST BOUND &amp; STOKED!</h2>
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 MXM08N
Affected pagehttps://catchsurf.com/cart
Elementbutton#uw-open-accessibility
Accessible nameOpen the accessibility menu
Markup
<button class="uw-sl__item" data-uw-rm-ignore="true" data-uw-ignore-translate="true" lang="en-US" id="uw-open-accessibility"><span class="uw-sl__item__left" data-uw-ignore-translate="true"><span class="uw-sl__item__img"><svg focusable="false" width="23" height="28" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"><path d="M.018 8.639c.105-.595.65-.991 1.223-.877a53.94 53.94 0 0020.517 0c.625-.125 1.228.366 1.242 1.06.01.544-.402 1.003-.915 1.102-2.289.44-4.589.727-6.893.877-.948.063-1.647.948-1.54 1.932l.202 1.84c.314 2.87.958 5.69 1.919 8.399l1.26 3.553c.202.568-.076 …
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref M27VI
Affected pagehttps://catchsurf.com/products/log
Elementinput#Search-In-Modal
Rolecombobox
Markup
<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref KBBC3C
Affected pagehttps://catchsurf.com/pages/contact-us
Elementdiv > div:nth-of-type(2) > predictive-search > form > div:nth-of-type(1) > button:nth-of-type(2)
Accessible nameSearch
Markup
<button class="search__button field__button" aria-label="Search">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </use></svg>
            </button>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref D2HWPV
Affected pagehttps://catchsurf.com/products/log-100
Elementdiv > details-modal > details > div > div:nth-of-type(2) > button
Accessible nameClose
Markup
<button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close">
          <svg class="icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </use></svg>
        </button>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref XR9QPY
Affected pagehttps://catchsurf.com/pages/contact-us
Elementdiv:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1) > ul > li:nth-of-type(3) > a
Accessible nameTrade-Up Program
Markup
<a href="/pages/trade-up-program" class="link link--text list-menu__item list-menu__item--link">
                              Trade-Up Program
                            </a>
Affected pages/ /pages/contact-us /cart
Component · Ref WBIPYA
Affected pagehttps://catchsurf.com/products/log
Elementli#Slide-template--28493821215086__main-53646195097966 > div > modal-opener > button
Accessible nameOpen media 2 in modal
Markup
<button class="product__media-toggle quick-add-hidden product__media-zoom-lightbox" type="button" aria-haspopup="dialog" data-media-id="53646195097966">
      <span class="visually-hidden">
        Open media 2 in modal
      </span>
    </button>
Affected pages/products/log /products/log-100
Component · Ref CCQYST
Affected pagehttps://catchsurf.com/
Elementdiv > div:nth-of-type(1) > div:nth-of-type(2) > div > h3 > a
Accessible nameANDY DAVIS X CATCH SURF!
Markup
<a href="/blogs/catch-surf-blog/andy-davis-x-catch-surf" class="full-unstyled-link">
                ANDY DAVIS X CATCH SURF!
              </a>
Component · Ref YHG2I0
Affected pagehttps://catchsurf.com/cart
Elementdiv#shopify-section-template--28493817217390__cart-items > cart-items > div > div:nth-of-type(1) > a
Accessible nameContinue shopping
Markup
<a href="/collections/all" class="underlined-link">Continue shopping</a>
Component · Ref MU8WDP
Affected pagehttps://catchsurf.com/cart
Elementdiv > div > div > div:nth-of-type(1) > small > a
Accessible nameshipping
Markup
<a href="/policies/shipping-policy">shipping</a>
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)75 instances5 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 75 affected elements
Component · Ref UXHYL2
Affected pagehttps://catchsurf.com/pages/contact-us
Elementdiv#shopify-section-sections--28493810663790__header > sticky-header > header > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup
<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </use></svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </use></svg>
      </span>
    </summary>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref 3WHPWP
Affected pagehttps://catchsurf.com/
Elementsummary#HeaderMenu-sale
Accessible nameSALE
Rolebutton
Markup
<summary id="HeaderMenu-sale" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-7">
                <span>SALE</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></svg>

              </summary>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref VYM89G
Affected pagehttps://catchsurf.com/
Elementsticky-header > header > div > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup
<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
      <span>
        <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <use href="#icon-search">
        </use></svg>
        <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
          <use href="#icon-close">
        </use></svg>
      </span>
    </summary>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref 6WMDJS
Affected pagehttps://catchsurf.com/cart
Elementsummary#HeaderDrawer-boards-by-type
Accessible nameBOARDS by Type
Rolebutton
Markup
<summary id="HeaderDrawer-boards-by-type" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-boards-by-type">
                        BOARDS by Type
                        <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">…
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref JL6M1T
Affected pagehttps://catchsurf.com/cart
Elementdetails#Details-menu-drawer-container > summary
Accessible nameMenu
Rolebutton
Markup
<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
      <span>
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</path></svg>

        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" f…
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)7 instances5 inspected pages

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 7 affected elements
Component · Ref ZGEA4F
Affected pagehttps://catchsurf.com/products/log
Elementdiv#shopify-section-sections--28493810663790__header > sticky-header > header > details-modal > details > div
Accessible nameSearch
Roledialog
Markup
<div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search">
      <div class="modal-overlay"></div>
      <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input class="search__input field__input" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="pr…
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref 2T14T4
Affected pagehttps://catchsurf.com/products/log-100
Elementhtml > body > pickup-availability-drawer
Accessible nameLOG // 10'0"
Roledialog
Markup
<pickup-availability-drawer class="gradient color-scheme-1" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="PickupAvailabilityHeading">
    <div class="pickup-availability-header">
      <h2 class="h3 pickup-availability-drawer-title" id="PickupAvailabilityHeading">
        LOG // 10'0"
      </h2>
      <button class="pickup-availability-drawer-button" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.…
Affected pages/products/log /products/log-100
High

Images lack text alternatives

WCAG 1.1.1 (A)51 instances3 inspected pages

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 51 affected elements
Component · Ref ABNVBX
Affected pagehttps://catchsurf.com/products/log
Elementimg#Thumbnail-template--28493821215086__main-24\a
Markup
<img src="//catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=416" alt="Two sides of a surfboard with 'Odyssey' branding" srcset="//catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=54 54w, //catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=74 74w, //catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=104 104w, //catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=162 162w, //catchsurf.com/cdn/shop/files/ODY76LOG_TQ26_Pcopy.jpg?v=1770309510&amp;width=208 208w, //catchs…
Affected pages/ /products/log /products/log-100
Component · Ref 1NIB2Y
Affected pagehttps://catchsurf.com/
Elementa[aria-label="ANDY DAVIS"] > .image-tiles__media > img[height="2025"][sizes="(min-width: 750px) 50vw, 100vw"][width="1500"]
Markup
<img src="//catchsurf.com/cdn/..." srcset="//catchsurf.com/cdn/..." width="1500" height="2025" loading="lazy" sizes="(min-width: 750px) 5..." style="object-position:50.1...">
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 4GQITQ
Affected pagehttps://catchsurf.com/products/log
Elementdiv#CartDrawer > div:nth-of-type(2) > div:nth-of-type(1) > div > div > p:nth-of-type(2)
Accessible nameLog in to check out faster.
Markup
<p class="cart__login-paragraph">
                  <a href="https://catchsurf.com/customer_authentication/redirect?locale=en&amp;region_country=US" class="link underlined-link" data-uw-rm-brl="PR" data-uw-original-href="https://catchsurf.com/customer_authentication/redirect?locale=en&amp;region_country=US">Log in</a> to check out faster.
                </p>
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 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 10 affected elements
Component · Ref NIJL8D
Affected pagehttps://catchsurf.com/products/log
Elementdiv#shopify-section-sections--28493810663790__header > sticky-header > header > nav
Accessible nameBOARDS by Type NEW 2026 MODELS Funboards & Longboards Fish Shapes Shortboards Beater® Boards Bodyboards Womper® Handplanes Skimboards View ALL Boards BOARDS by Skill BEGINNER INTERMEDIATE ADVANCED Beater® Boards Bodyboards Womper® Handplanes Skimboards View ALL Boards BOARDS by Series Lost...® Collection Andy Davis Collection T&C Surf® Collection Realtree® Collection Team Collection Heritage Collection Blank Series Odysea® Surfboards Beater® Boards Womper® Handplanes Wave Bandit® View ALL Boards ACCESSORIES Leashes Surf Wax Board Fins Board Bags Roof Racks View ALL Accessories SWIM FINS GEAR & APPAREL Apparel Beach Towels Changing Mats Footbags Flying Discs Sticker Packs Air Fresheners ALL Gear & Apparel SALE View ALL Sale Items Boardshorts & Trunks Rash Guards & Sun Shirts Tee Shirts Hoodies & Fleece Shirts & Polos Pants & Shorts Hats & Accessories BOARD FINDER
Markup
<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list" aria-controls=""><li><header-menu>
            <details id="Details-HeaderMenu-1">
              <summary id="HeaderMenu-boards-by-type" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="HeaderMenu-MenuList-1">
                <span>BOARDS by Type</span>
                <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.64…
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Component · Ref YNCC50
Affected pagehttps://catchsurf.com/products/log
Elementdiv#menu-drawer > div > div > nav
Accessible nameBOARDS by Type BOARDS by Type NEW 2026 MODELS Funboards & Longboards Fish Shapes Shortboards Beater® Boards Bodyboards Womper® Handplanes Skimboards View ALL Boards BOARDS by Skill BOARDS by Skill BEGINNER INTERMEDIATE ADVANCED Beater® Boards Bodyboards Womper® Handplanes Skimboards View ALL Boards BOARDS by Series BOARDS by Series Lost...® Collection Andy Davis Collection T&C Surf® Collection Realtree® Collection Team Collection Heritage Collection Blank Series Odysea® Surfboards Beater® Boards Womper® Handplanes Wave Bandit® View ALL Boards ACCESSORIES ACCESSORIES Leashes Surf Wax Board Fins Board Bags Roof Racks View ALL Accessories SWIM FINS GEAR & APPAREL GEAR & APPAREL Apparel Beach Towels Changing Mats Footbags Flying Discs Sticker Packs Air Fresheners ALL Gear & Apparel SALE SALE View ALL Sale Items Boardshorts & Trunks Rash Guards & Sun Shirts Tee Shirts Hoodies & Fleece Shirts & Polos Pants & Shorts Hats & Accessories BOARD FINDER
Markup
<nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
                      <summary id="HeaderDrawer-boards-by-type" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-boards-by-type">
                        BOARDS by Type
                        <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd…
Affected pages/ /pages/contact-us /products/log /products/log-100 /cart
Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)2 instances2 inspected pages

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 2 affected elements
Component · Ref 7PDZ17
Affected pagehttps://catchsurf.com/products/log
Element.breadcrumbs
Accessible namebreadcrumbs
Markup
<div class="page-width breadcrumbs" aria-label="breadcrumbs" data-product-card-tracked="true">
Affected pages/products/log /products/log-100
Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)4 instances2 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 Y0PBKO
Affected pagehttps://catchsurf.com/products/log
Element.yotpo-dropdown-closable--textual
Accessible nameSort by
Rolecombobox
Markup
<div data-v-7aac675c="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.924..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">
Affected pages/products/log /products/log-100
Component · Ref SPIGD6
Affected pagehttps://catchsurf.com/products/log
Element.yotpo-score-filter-container > .yotpo-dropdown-closable.yotpo-dropdown-closable--focused[data-testid="dropdown-combobox"]
Accessible nameRating
Rolecombobox
Markup
<div data-v-7aac675c="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.806..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">
Affected pages/products/log /products/log-100
Low

Video may be missing captions

WCAG 1.2.2 (A)2 instances1 inspected page

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Why it matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Provide a synchronized captions track (<track kind="captions">) for video with meaningful audio.

View 2 affected elements
Component · Ref ZRAT9P
Affected pagehttps://catchsurf.com/
Elementvideo#video-18084841367405608-insta-feed
Markup
<video class="instafeed-simple-popup " muted="" loop="" playsinline="" id="video-18084841367405608-insta-feed" preload="none" src="https://scontent.cdninstagram.com/o1/v/t2/f2/m86/AQOZgBIv5guYj-bABF2sY67501NYp_NR9TCYQ-Qs5gzCZi2q7Zy1XXTwqGspC9JKpFjRXjpjGo-_rJ48t0QTWptY0Yh5v7mpZPXspTU.mp4?_nc_cat=111&amp;_nc_sid=5e9851&amp;_nc_ht=scontent.cdninstagram.com&amp;_nc_ohc=uGSFkASjb18Q7kNvwF3DhKJ&amp;efg=eyJ2ZW5jb2RlX3RhZyI6Inhwdl9wcm9ncmVzc2l2ZS5JTlNUQUdSQU0uQ0xJUFMuQzMuNzIwLmRhc2hfYmFzZWxpbmVfMV92MSIsInhwdl9hc3NldF9pZCI6MTA1MTI4NzA4MDYyMzc0MCwiYXNzZXRfYWdlX2RheXMiOjM0LCJ2aV91c2VjYXNlX2lkIjoxMDA5OSwi…

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.

ACTIVATE MONITORINGSEE PRICING

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