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

Accessibility issues detected on craftbeerclub.com

Evolize inspected 5 public pages on craftbeerclub.com and detected 67 automatically identifiable accessibility findings.

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

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages
Most affected page/43 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)43 detected findings

Is craftbeerclub.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 craftbeerclub.com and detected 67 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/", where 43 findings were detected. The assessment identified findings mapped to 9 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 · 1 instance
    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 https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_s….

    View technical evidence →
  2. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    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 https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_s….

    View technical evidence →
  3. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    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 https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_s….

    View technical evidence →
  4. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    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 https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_s….

    View technical evidence →
  5. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    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 https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_s….

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA4333 / 5
1.3.1Info and RelationshipsA555 / 5
2.4.3Focus OrderA555 / 5
2.4.4Link Purpose (In Context)A555 / 5
4.1.2Name, Role, ValueA455 / 5
1.1.1Non-text ContentA233 / 5
2.5.8Target Size (Minimum)AA211 / 5
1.2.2Captions (Prerecorded)A144 / 5
3.3.2Labels or InstructionsA144 / 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

High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)9 instances5 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 9 affected elements
Component · Ref TBM7F5
Affected pagehttps://craftbeerclub.com/pages/contact
Element#sections--27161984008509__announcement-bar
Accessible nameAnnouncement Bar
Markup
<announcement-bar id="sections--2716198400..." class="announcement" aria-label="Announcement Bar" aria-live="polite" aria-atomic="true" static="" autoplay="true" autoplay-delay="8000" style="
        --color: #f..." loaded="" scrolling="">
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Component · Ref LBDWJP
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-pdp-value-badges
Accessible nameProduct highlights
Markup
<div class="cbc-pdp-value-badges" aria-label="Product highlights">
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref 4TJ4IY
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-faq-split__benefits
Accessible nameHazy IPA Craft Beer Box benefits
Markup
<div class="cbc-faq-split__benefits" aria-label="Hazy IPA Craft Beer Box benefits">
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
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 JLFN9M
Affected pagehttps://craftbeerclub.com/pages/contact
Elementheader#top > div:nth-of-type(2) > button
Accessible nameMenu
Markup
<button class="header-trigger__link header-trigger__link--mobile" aria-haspopup="dialog" aria-label="Menu" data-a11y-dialog-show="modal-main-menu">
        <span class="icon icon--theme icon--menu ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M4 8H44M4 24H44M4 40H44" vector-effect="non-scaling-stroke"></path></svg>
  </span>
      </button>
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Component · Ref 5PHX6O
Affected pagehttps://craftbeerclub.com/cart
Elementdiv > drawer-menu > nav > ul > li:nth-of-type(1) > a
Accessible nameJoin Subscription Club
Markup
<a href="/products/original-craft-beer-club" class="list-menu__link f-family--body f-caps--false f-space--0">
                      Join Subscription Club
                    </a>
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Component · Ref Q2FSDU
Affected pagehttps://craftbeerclub.com/cart
Elementmodal-dialog#modal-main-menu > div:nth-of-type(2) > div > button
Accessible nameClose (esc)
Markup
<button title="Close (esc)" type="button" class="modal__close modal__close--left" aria-label="Close (esc)" data-a11y-dialog-hide="">
        <span class="icon icon--theme icon--close ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M7.09385 41.5L41.5 6.5M6.5 6.5L40.9062 41.5" vector-effect="non-scaling-stroke"></path></svg>
  </span>
      </button>
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Component · Ref C2YND3
Affected pagehttps://craftbeerclub.com/pages/contact
Elementdiv:nth-of-type(2) > div > div:nth-of-type(2) > div > p:nth-of-type(1) > a
Accessible name800-200-2959
Markup
<a href="tel:800-200-2959" class="mobile-footer__text-link">
                  <span class="mobile-draw__icon"><span class="icon icon--theme icon--phone ">
    <svg aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><rect x="12" y="4.5" width="24" height="39" rx="4.875" vector-effect="non-scaling-stroke"></rect>
          <path fill-rule="evenodd" clip-rule="evenodd" d="M20 37.3318C20 36.5963 20.4884 36 21.0909 36H26.9091C27.5116 36 28 36.5963 28 37.3318C28 38.0673 27.5116 38.6636 26.9091 38.6636H21.0909C20.4884 38.6636 20 38.0673 20…
Affected pages/ /pages/contact /cart
Component · Ref CBSUP9
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Elementbody#hazy-ipa-craft-beer-box-free-shipping > div:nth-of-type(1) > div:nth-of-type(2) > div > button
Accessible nameClose review form
Markup
<button class="jdgm-write-review-modal__close-btn" aria-label="Close review form">
        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
          <path d="M19 5L5 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
          <path d="M5 5L19 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg>
      </button>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
High

Page has no main landmark

WCAG 1.3.1 (A)5 instances5 inspected pages

No <main> or role=main region is present, so screen reader users cannot jump to primary content.

Why it matters

No <main> or role=main region is present, so screen reader users cannot jump to primary content.

Recommended correction

Wrap the primary content in a single <main> element or role=main region.

View 5 affected elements
Component · Ref M4ESEJ
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementbody#hazy-ipa-craft-beer-box-free-shipping
Accessible nameHow would you rate this product? We would love it if you would share a bit about your experience. Hazy IPA Craft Beer Box - Free Shipping Hazy IPA Craft Beer Box - Free Shipping Review content (Required) Review Title We'll only contact you about your review if necessary. By submitting your review, you agree to our terms and conditions and privacy policy. About you Please tell us more about you. Email address (Required) We respect your privacy. Display name (Required) This won't be visible to other customers. Post review as anonymous Share a picture Upload a photo to support your review. Click to upload or drag and drop Back Next Thanks for your review! We are processing it and it will appear on the store soon. Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic. Close //loading class for animations document.body.classList.add('js-theme-loading'); {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0} Skip to content theme.setHeaderHeightVars = () => { const headerSection = document.querySelector('header-container'); const header = document.querySelector('.js-header'); const announcement = document.querySelector('.shopify-section-group-header-group.js-section__announcement'); const utility = document.querySelector('.shopify-section-group-header-group.js-section__utility-bar'); document.documentElement.style.setProperty('--window-height', `${window.innerHeight}px`); document.documentElement.style.setProperty( '--announcement-height', `${announcement ? announcement.offsetHeight : 0}px`, ); document.documentElement.style.setProperty('--utility-height', `${utility ? utility.offsetHeight : 0}px`); //header section (zero height if transparent) if (headerSection) document.documentElement.style.setProperty('--header-section-height', `${headerSection.offsetHeight}px`); //header element (has height if transparent) if (header) document.documentElement.style.setProperty('--header-height', `${header.offsetHeight}px`); }; theme.setHeaderLogoVars = () => { //header logo width const logoLink = document.querySelector('.header__logo-link'); if (logoLink) document.documentElement.style.setProperty('--header-logo-width', `${logoLink.offsetWidth}px`); }; theme.setHeaderStyle = () => { const header = document.querySelector('.js-header'); if (!header) return; //get element width witout padding const getElementContentWidth = (element) => { if (!element) return 0; const styles = window.getComputedStyle(element); const padding = parseFloat(styles.paddingLeft) + parseFloat(styles.paddingRight); return element.clientWidth - padding; }; const iconsNavDisplayStyle = (style, element) => { if (!element) return; element.style.display = style; }; const headerNavs = header.querySelector('.js-heaver-navs'); const mobileDraw = header.querySelector('.js-mobile-draw-icon'); const searchDraw = header.querySelector('.js-search-draw-icon'); const cartDraw = header.querySelector('.js-cart-draw-icon'); const primaryNav = header.querySelector('.js-primary-nav'); const primaryNavItems = header.querySelector('.js-primary-nav-items'); const secondaryNav = header.querySelector('.js-secondary-nav'); const secondaryNavLocalize = header.querySelector('.js-secondary-nav-localize'); const secondaryNavActions = header.querySelector('.js-secondary-nav-actions'); const logoImg = header.querySelector('.js-main-logo'); const mobileBrkp = 767; //set sizes const winWidth = window.innerWidth; const navsWidth = getElementContentWidth(headerNavs); const secondaryWidth = getElementContentWidth(secondaryNav); const secondaryLocalizeWidth = getElementContentWidth(secondaryNavLocalize); const secondaryActionsWidth = getElementContentWidth(secondaryNavActions); const secondaryItemsWidth = secondaryLocalizeWidth + secondaryActionsWidth + 6; const logoWidth = getElementContentWidth(logoImg); const primaryWidth = getElementContentWidth(primaryNavItems); if (header.dataset.headerStyle == 'icons') { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } else if (winWidth >= mobileBrkp) { if (header.dataset.headerStyle !== 'center') { //inline style logic if (header.dataset.headerStyle === 'left') { const availableLeftSpace = (winWidth - logoWidth) / 2; if (availableLeftSpace - primaryWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else if (availableLeftSpace - secondaryItemsWidth < 40) { header.classList.remove('header--left'); header.classList.add('header--center'); } else { header.classList.add('header--left'); header.classList.remove('header--center'); } } //logo left style logic if (header.dataset.headerStyle === 'logo-left') { const availableCenterSpace = winWidth - logoWidth; if (availableCenterSpace - primaryWidth - secondaryItemsWidth < 120) { header.classList.remove('header--logo-left'); header.classList.add('header--center'); } else { header.classList.add('header--logo-left'); header.classList.remove('header--center'); } } } iconsNavDisplayStyle('none', mobileDraw); iconsNavDisplayStyle('none', cartDraw); iconsNavDisplayStyle('none', searchDraw); } else { iconsNavDisplayStyle('flex', mobileDraw); iconsNavDisplayStyle('flex', cartDraw); iconsNavDisplayStyle('flex', searchDraw); } }; theme.setUpHeaderResizeObservers = () => { const debounce = (f, delay) => { let timer = 0; return (...args) => { clearTimeout(timer); timer = setTimeout(() => f.apply(this, args), delay); }; }; const headerSection = document.querySelector('header-container'); const header = document.querySelector('header'); const logo =…[truncated by Evolize: exceeded D1 value limit]
Markup
<body id="hazy-ipa-craft-beer-box-free-shipping" class="template-product" data-anim-load="true" data-anim-interval-style="fade_up" data-anim-zoom="true" data-anim-interval="true" data-editor-mode="false" data-quick-shop-show-cart="true" data-heading-border="true" data-overlap-style="true"><div class="jdgm-review-widget-modal jdgm-write-review-modal" data-current-page="1" role="dialog" aria-modal="true" aria-label="Write a review" style="display: none;">
  <div class="jdgm-write-review-modal__overlay"></div>
  <div class="jdgm-write-review-modal__container">
    <div class="jdgm-write-review-mo…
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
High

Interactive controls must not be nested

WCAG 4.1.2 (A)5 instances5 inspected pages

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref NTA7CW
Affected pagehttps://craftbeerclub.com/cart
Element.header__menu-item
Accessible nameBeer Gifts
Markup
<summary class="header__menu-item">
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)16 instances4 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

Provide a visible and programmatic label for the form field, in addition to the placeholder text. For example, use the HTML label tag to associate a text label with the input field.

View 16 affected elements
Component · Ref YPWDIN
Affected pagehttps://craftbeerclub.com/cart
Elementdiv:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(1) > div > input:nth-of-type(2)
Markup
<input class="glproGiftMessageV2ToField" placeholder="To">
Affected pages/pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
High

Images lack text alternatives

WCAG 1.1.1 (A)28 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 28 affected elements
Component · Ref 9RGPSD
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Element.logo-list__img[height="158"][width="240"]
Markup
<img src="//craftbeerclub.com/..." width="240" height="158" loading="lazy" class="logo-list__img" fetchpriority="auto" sizes="(min-width: 1600px) ..." srcset="//craftbeerclub.com/..." style="">
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref IXWCD2
Affected pagehttps://craftbeerclub.com/
Element.scrolling-logos__item[role="listitem"]:nth-child(16) > .scrolling-logos__item-img[height="58"][width="240"]
Markup
<img src="//craftbeerclub.com/..." width="240" height="58" loading="lazy" class="scrolling-logos__ite..." fetchpriority="auto" sizes="(min-width: 769px) c..." srcset="//craftbeerclub.com/..." style="--scrolling-logo-ima...">
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 20UFE3
Affected pagehttps://craftbeerclub.com/cart
Elementannouncement-bar#sections--27161984008509__announcement-bar
Accessible nameAnnouncement Bar
Markup
<announcement-bar id="sections--27161984008509__announcement-bar" class="announcement" aria-label="Announcement Bar" aria-live="polite" aria-atomic="true" static="" autoplay="true" autoplay-delay="8000" style="
        --color: #ffffff;
        --letter-spacing: 0px;
        --font-size__desktop: 1.0rem;
        --font-size__mobile: 0.9rem;
        --font-weight: 600;
        
      " loaded="" scrolling="">
      <div class="
          announcement__bg
          
          
          section--padded
        " style="background-color: #a4252b;">
        <div class="announcement__container" tab…
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)15 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 15 affected elements
Component · Ref VJB4JD
Affected pagehttps://craftbeerclub.com/cart
Elementheader#top > div:nth-of-type(5) > nav:nth-of-type(2)
Accessible name0 shopify-account { --shopify-account-avatar-size: 20px; --shopify-account-signed-in-avatar-size: 30px; --shopify-account-signed-in-avatar-color-background: white; --shopify-account-signed-in-avatar-color-text: black; --shopify-account-radius-base: 9px; }
Markup
<nav class="secondary-nav header-navs__items js-secondary-nav">
        <div class="secondary-nav__items secondary-nav__items--icon"><ul class="secondary-nav__localize js-secondary-nav-localize"></ul>
          <ul class="secondary-nav__actions js-secondary-nav-actions">
            
              <li class="secondary-nav__item secondary-nav__item--search f-family--heading f-caps--true f-space--1">
                <a href="/search" class="secondary-nav__link secondary-nav__link--search secondary-nav__link--icon" aria-haspopup="dialog" aria-label="Search" data-a11y-dialog-show="modal-search"><s…
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Component · Ref FWZYVW
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementmodal-dialog#modal-main-menu > div:nth-of-type(2) > div > drawer-menu > nav
Accessible nameJoin Subscription Club Gift The Club Craft Beer Boxes Beer Store Beer Gifts Loading image: Beer Gifts Gift The Club Gift Craft Beer Box Sets Gift Announcement Box Corporate Gifts Gift Cards View Beer Gifts About Us
Markup
<nav class="drawer-nav drawer-nav--main">
            <ul class="list-menu" role="list"><li class="list-menu__item"><a href="/products/original-craft-beer-club" class="list-menu__link f-family--body f-caps--false f-space--0">
                      Join Subscription Club
                    </a></li><li class="list-menu__item"><a href="https://craftbeerclub.com/products/gift-original-craft-beer-club-shipping-included" class="list-menu__link f-family--body f-caps--false f-space--0">
                      Gift The Club
                    </a></li><li class="list-menu__item"><a href="/collections…
Affected pages/ /pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Medium

Video may be missing captions

WCAG 1.2.2 (A)8 instances4 inspected pages

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

Add captions or subtitles to the video to ensure users who are deaf or hard of hearing can access the content. This can be done by adding a track element to the video element with the kind attribute set to "captions" and the src attribute set to the URL of the caption file.

View 8 affected elements
Component · Ref WXENUB
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementdiv:nth-of-type(2) > div > div:nth-of-type(3) > div > div:nth-of-type(1) > video
Markup
<video class="glproVideoPlayer" autoplay="autoplay" poster="https://db07ji0eqime4.cloudfront.net/public/videoMessage/free-video.jpg"></video>
Affected pages/pages/contact /products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)152 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 152 affected elements
Component · Ref CI7HYI
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementrecharge-subscription-widget,.text-muted
Markup
<span class="rc-price text-muted" part="rc-purchase-option__unit-price">
                    <!--?lit$572884590$-->$59.95/ea</span>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref FH6UOD
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.jm-review-item.jm-box[data-v-3ff3fc10=""]:nth-child(1) > .jm-stack--space-400.jm-stack[data-v-417c96d2=""] > .jm-review-item__body.jm-cluster[data-v-04f37a24=""] > .jm-review-item__content.jm-stack--space-400.jm-stack > .jm-reviewer-info.jm-cluster[data-v-946e5b9f=""] > .jm-stack--space-100.jm-reviewer-info__details.jm-stack > .jm-cluster[data-v-946e5b9f=""][data-v-04f37a24=""]:nth-child(2) > .jm-text[data-v-6d928e9f=""][data-v-946e5b9f=""]
Accessible name4 months ago
Markup
<span data-v-6d928e9f="" data-v-946e5b9f="" class="jm-text" style="--text-size: var(--jm-body-sm-size); --text-weight: var(--jm-body-sm-weight-default); color: var(--jm-review-widget-lighter-text-color);">4 months ago</span>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref KPPXXC
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Elementa[title="The Original Craft Beer Club"]
Accessible nameThe Original Craft Beer Club
Markup
<a href="/collections/vendors?q=The%20Original%20Craft%20Beer%20Club" title="The Original Craft Beer Club">The Original Craft Beer Club</a>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref R6H011
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Element#jdgm-sort-jr0djk
Accessible nameMost RecentHighest RatingLowest RatingOnly PicturesPictures FirstVideos FirstMost Helpful
Markup
<select data-v-8ff89c07="" id="jdgm-sort-jr0djk" class="jdgm-sort-dropdown jm-sort-filter__select" value="created_at">
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref UIZD9A
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementlabel[data-cbc-rendered-key="12 can box (best value)|8995"] > .cbc-pack-per-can
Accessible name$7.50 / can
Markup
<span class="cbc-pack-per-can">$7.50 / can</span>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref M9TTTC
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-faq-split__eyebrow
Accessible nameHazy IPA Craft Beer Box FAQ
Markup
<div class="cbc-faq-split__eyebrow">Hazy IPA Craft Beer Box FAQ</div>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref OCDHQT
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-faq-split__subtitle
Accessible nameAnswers to common questions about the Hazy IPA Craft Beer Box, including what comes inside, shipping, freshness, gifting, and subscription options.
Markup
<p class="cbc-faq-split__subtitle">
        Answers to common questions about the Hazy IPA Craft Beer Box, including what comes inside,
        shipping, freshness, gifting, and subscription options.
      </p>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref XTN005
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementdetails[open=""] > .cbc-faq-split__answer > p
Accessible nameEach Hazy IPA Craft Beer Box includes a curated selection of juicy, hop-forward hazy IPA craft beers from independent U.S. breweries. Choose from 6, 9, or 12 full-size 16 oz cans, depending on the pack size you select.
Markup
<p>
              Each Hazy IPA Craft Beer Box includes a curated selection of juicy, hop-forward hazy IPA craft beers
              from independent U.S. breweries. Choose from 6, 9, or 12 full-size 16 oz cans,
              depending on the pack size you select.
            </p>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref RDBSOC
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Elementdetails[open=""] > summary
Accessible nameWhat comes in the Hazy IPA Craft Beer Box?
Markup
<summary>What comes in the Hazy IPA Craft Beer Box?</summary>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref 9TK0E4
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-faq-split__item:nth-child(3) > summary
Accessible nameCan I send this hazy IPA craft beer box as a gift?
Markup
<summary>Can I send this hazy IPA craft beer box as a gift?</summary>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref KL74QL
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Element.cbc-faq-split__benefit:nth-child(2) > .cbc-faq-split__benefit-title
Accessible nameFree shipping included
Markup
<p class="cbc-faq-split__benefit-title">Free shipping included</p>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref UK51MN
Affected pagehttps://craftbeerclub.com/collections/craft-beer-gifts/products/hazy-ipa-box
Element.cbc-faq-split__title
Accessible nameFrequently Asked Questions
Markup
<h2 class="cbc-faq-split__title">Frequently Asked Questions</h2>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref B1D2GJ
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.cbc-faq-split__intro
Accessible nameHandpicked hazy IPAs from top U.S. breweries, delivered fresh to your door. Juicy, smooth, hop-forward beer. No guesswork.
Markup
<p class="cbc-faq-split__intro">
          Handpicked hazy IPAs from top U.S. breweries, delivered fresh to your door.
          Juicy, smooth, hop-forward beer. No guesswork.
        </p>
Affected pages/products/hazy-ipa-box /collections/craft-beer-gifts/products/hazy-ipa-box
Component · Ref I501J8
Affected pagehttps://craftbeerclub.com/
Element.cbc-option3-box[href$="dark-craft-beer-box"] > .cbc-option3-badge
Accessible nameCurated Box
Markup
<span class="cbc-option3-badge">Curated Box</span>
Component · Ref LXUYI4
Affected pagehttps://craftbeerclub.com/products/hazy-ipa-box
Element.jm-review-item.jm-box[data-v-3ff3fc10=""]:nth-child(1) > .jm-stack--space-400.jm-stack[data-v-417c96d2=""] > .jm-review-item__body.jm-cluster[data-v-04f37a24=""] > .jm-review-item__content.jm-stack--space-400.jm-stack > .jm-cluster[data-v-04f37a24=""][data-v-47c26855=""]:nth-child(1) > .jm-star-rating[aria-label="5 out of 5 stars"][role="img"] > .jm-cluster[data-v-bc4d321f=""][data-v-04f37a24=""] > div[data-v-bc4d321f=""] > .jm-star-rating__font-icon[data-v-bc4d321f=""]:nth-child(3)
Accessible name
Markup
<span data-v-bc4d321f="" class="jm-star-rating__font-icon" style="font-size: 1.5em; line-height: 1; position: relative; color: var(--jm-review-widget-star-and-histogram-color);"></span>
Component · Ref 9HW7M1
Affected pagehttps://craftbeerclub.com/
Element.is-mixed > span > small
Accessible nameSurprise me
Markup
<small>Surprise me</small>
Component · Ref GNHZ0M
Affected pagehttps://craftbeerclub.com/
Element.cbc-check:nth-child(2) > span
Accessible nameWe source standout craft beers from breweries across the U.S.
Markup
<span>We source standout craft beers from breweries across the U.S.</span>
Component · Ref SOEEZI
Affected pagehttps://craftbeerclub.com/
Element.cbc-club-feature:nth-child(2) > div:nth-child(2) > strong
Accessible name2 U.S. breweries featured
Markup
<strong>2 U.S. breweries featured</strong>
Component · Ref U1VDZP
Affected pagehttps://craftbeerclub.com/
Element.cbc-product-card[role="link"]:nth-child(2) > .cbc-product-img > .cbc-product-badge
Accessible nameFan Favorite
Markup
<div class="cbc-product-badge">Fan Favorite</div>
Component · Ref 8YNQ9O
Affected pagehttps://craftbeerclub.com/
Element.cbc-club-feature:nth-child(2) > div:nth-child(2) > p
Accessible nameDiscover standout beers from independent breweries across the country.
Markup
<p>Discover standout beers from independent breweries across the country.</p>
Component · Ref WXKOA3
Affected pagehttps://craftbeerclub.com/
Element.cbc-option3-box[href$="dark-craft-beer-box"] > h3
Accessible nameDark Beer Box
Markup
<h3>Dark Beer Box</h3>
Component · Ref 1YPO06
Affected pagehttps://craftbeerclub.com/
Element.is-sour > span > strong
Accessible nameSour Beer Box
Markup
<strong>Sour Beer Box</strong>
Component · Ref 1SODO4
Affected pagehttps://craftbeerclub.com/
Element#shopify-section-template--27161983385917__section_liquid_azTwGY > .cbc-home-facelift > .cbc-section > .cbc-wrap > .cbc-center > .cbc-section-label
Accessible nameFind your flavor
Markup
<div class="cbc-section-label">Find your flavor</div>
Component · Ref B52X01
Affected pagehttps://craftbeerclub.com/
Element.cbc-club-feature:nth-child(3) > div:nth-child(2) > small
Accessible nameFresh & exclusive
Markup
<small>Fresh &amp; exclusive</small>
Component · Ref XUIPWX
Affected pagehttps://craftbeerclub.com/
Element.cbc-option3-box[href$="dark-craft-beer-box"] > p
Accessible nameRich, malty & smooth
Markup
<p>Rich, malty &amp; smooth</p>

Showing 25 representative examples · 18 more affected elements not shown

Low

Touch targets are too small

WCAG 2.5.8 (AA)6 instances1 inspected page

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase this <span>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.

View 6 affected elements
Component · Ref H59SLW
Affected pagehttps://craftbeerclub.com/
Elementdiv[data-number-of-reviews="27"] > .jdgm-prev-badge__stars[data-score="4.89"][aria-label="4.89 stars"]
Accessible name4.89 stars
Rolebutton
Markup
<span class="jdgm-prev-badge__stars" data-score="4.89" tabindex="0" aria-label="4.89 stars" role="button">
Component · Ref 00U1L8
Affected pagehttps://craftbeerclub.com/
Elementspan[data-score="4.86"]
Accessible name4.86 stars
Rolebutton
Markup
<span class="jdgm-prev-badge__stars" data-score="4.86" tabindex="0" aria-label="4.86 stars" role="button">

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.