Public accessibility assessment

Accessibility issues detected on drinkavaline.com

Evolize inspected 5 public pages on drinkavaline.com and detected 54 automatically identifiable accessibility findings.

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

Highest detected severity: High · 6 high-priority findings · 100% inspected-page coverage

Most widespread issueText has insufficient colour contrastDetected on 4 inspected pages
Most affected page/49 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)27 detected findings

Is drinkavaline.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 drinkavaline.com and detected 54 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 4 inspected pages. The most affected inspected page was "/", where 49 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. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 16 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 →
  2. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 12 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 →
  3. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 4 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 →
  4. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 4 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 →
  5. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 4 inspected pages · 4 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)AA2744 / 5
4.1.2Name, Role, ValueA1544 / 5
2.4.3Focus OrderA544 / 5
1.1.1Non-text ContentA244 / 5
1.3.1Info and RelationshipsA244 / 5
2.5.8Target Size (Minimum)AA244 / 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.

04 · All detected findings

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)87 instances4 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 87 affected elements
Component · Ref 5H556V
Affected pagehttps://drinkavaline.com/pages/sign-up
Elementcsm-cookie-consent,.yCjkpO0iOfpWLWM3DW8P
Markup
<a rel="noopener noreferrer nofollow" target="_blank" aria-label="View our Privacy Policy (opens in a new tab)" class="yCjkpO0iOfpWLWM3DW8P cc-link isense-cc-link" href="https://drinkavaline.com/pages/privacy-policy">View our Privacy Policy</a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref O21LXQ
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Element.flex-col.flex:nth-child(1) > ul > .lg\:pt-4\.5.pt-4:nth-child(3) > .subhead-4.block
Accessible nameTrack Order
Markup
<a class="subhead-4 text-noir block" href="https://drinkavaline.com/apps/aftership">Track Order</a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref Z8BMN
Affected pagehttps://drinkavaline.com/pages/sign-up
Element.lg\:body-1
Accessible nameFollow Us
Markup
<h2 class="subhead-2 lg:body-1 text-noir">Follow Us</h2>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref 1U78CA
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Element.subhead-4.block[href$="about-avaline"]
Accessible nameOur Story
Markup
<a class="subhead-4 text-noir block" href="/pages/about-avaline">Our Story</a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref 9E7D0W
Affected pagehttps://drinkavaline.com/
Elementa[href$="community-events"]
Accessible nameCommunity Events
Markup
<a class="subhead-4 text-noir block" href="/pages/community-events">Community Events</a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref BZFFVQ
Affected pagehttps://drinkavaline.com/pages/contact
Element.lg\:pt-0 > ul > .lg\:pt-4\.5.pt-4:nth-child(3) > .subhead-4.block
Accessible nameCareers
Markup
<a class="subhead-4 text-noir block" href="https://drinkavaline.com/blogs/event?view=careers">Careers</a>
Affected pages/ /pages/sign-up /pages/contact
Component · Ref 84YN7V
Affected pagehttps://drinkavaline.com/
Element.lg\:pt-0 > .lg\:block
Accessible nameCommunity
Markup
<h2 class="subhead-2 text-noir hidden lg:block">Community</h2>
Affected pages/ /pages/sign-up /pages/contact
Component · Ref 2NMKIO
Affected pagehttps://drinkavaline.com/
Element#bh-title-template--21328102621319__brand_highlights_d4HVgJ-highlight_wTFa9J > .brand-highlights__trigger.js-trigger-button[type="button"]
Accessible nameLOW SUGAR
Markup
<button class="brand-highlights__trigger js-trigger-button" type="button" aria-describedby="bh-desc-template--21328102621319__brand_highlights_d4HVgJ-highlight_wTFa9J">
                        LOW SUGAR
                      </button>
Component · Ref KFC7G6
Affected pagehttps://drinkavaline.com/
Element#bh-desc-template--21328102621319__brand_highlights_d4HVgJ-highlight_wKP9nm > p
Accessible nameWe’re transparent about how our wine is made: free from concentrates, unnecessary sugars, and low in sulfites. With a less-is-more approach, you can sip with ease.
Markup
<p>We’re transparent about how our wine is made: free from concentrates, unnecessary sugars, and low in sulfites. With a less-is-more approach, you can sip with ease.</p>
Component · Ref EHMZU6
Affected pagehttps://drinkavaline.com/
Elementcard-product[data-product-title="The Red Case"] > .card-product__media.relative > .md\:left-4.md\:top-4.md\:max-w-\[calc\(100\%-32px\)\] > .flex-wrap.gap-2.flex > .card-product__badge[aria-label="Wine Club Exclusive"][role="status"]
Accessible nameWine Club Exclusive
Rolestatus
Markup
<span class="card-product__badge" style="color:#ffffff; background-color:#858c80;" role="status" aria-label="Wine Club Exclusive">Wine Club Exclusive</span>
Component · Ref DFL8YZ
Affected pagehttps://drinkavaline.com/
Element.full-bleed-cta__description > p:nth-child(2)
Accessible nameFIRST ACCESS TO NEW WINES
Markup
<p>FIRST ACCESS TO NEW WINES</p>
Component · Ref KCQWK6
Affected pagehttps://drinkavaline.com/
Elementa[data-title="join the wine club"]
Accessible nameJoin the Wine Club
Markup
<a data-title="join the wine club" href="/pages/wine-club" class="header__link js-nav-link link-3" tabindex="0">Join the Wine Club</a>
Component · Ref POHPBB
Affected pagehttps://drinkavaline.com/
Element.btn-outline-light.w-fit[href$="summer-on-repeat"]
Accessible nameRead and learn more about The Sip of the Summer
Markup
<a class="btn-outline-light  w-fit block" href="/pages/summer-on-repeat" aria-label="Read and learn more about The Sip of the Summer">Learn More</a>
Component · Ref BHT034
Affected pagehttps://drinkavaline.com/
Element.mb-6 > p
Accessible nameWines for the moments you'll want to play back all season long
Markup
<p>Wines for the moments you'll want to play back all season long</p>
Component · Ref 6ETUHX
Affected pagehttps://drinkavaline.com/
Element.text-right.max-lg\:text-left.heading-2
Accessible nameMeet Our Winemaker
Markup
<h2 class="heading-2 text-right max-lg:text-left">Meet Our Winemaker</h2>
Component · Ref AQHU0A
Affected pagehttps://drinkavaline.com/
Element.lg\:pt-3\.5 > p
Accessible nameThe woman behind the wine
Markup
<p>The woman behind the wine</p>
Component · Ref N221EG
Affected pagehttps://drinkavaline.com/
Element#search-dropdown
Accessible nameI want something crisp and...
Markup
<input id="search-dropdown" placeholder="I want something crisp and..." class="js-search-dropdown-input search-dropdown__input" aria-label="I want something crisp and..." type="search" autocomplete="off">
Component · Ref POXVB8
Affected pagehttps://drinkavaline.com/
Element.header__link[data-has-submenu=""][data-title="shop wines"]
Accessible nameShop Wines
Markup
<a data-title="shop wines" href="/collections/wines" class="header__link js-nav-link link-3" data-has-submenu="" aria-haspopup="true" aria-expanded="false" tabindex="0">Shop Wines</a>
Component · Ref 05CIVL
Affected pagehttps://drinkavaline.com/
Element.max-lg\:text-left.heading-2.text-left
Accessible nameThe Sip of the Summer
Markup
<h2 class="heading-2 text-left max-lg:text-left">The Sip of the Summer</h2>
Component · Ref TX1C8U
Affected pagehttps://drinkavaline.com/
Elementa[href="#"]
Accessible nameLearn
Markup
<a data-title="learn" href="#" class="header__link js-nav-link link-3" data-has-submenu="" aria-haspopup="true" aria-expanded="false" tabindex="0">Learn</a>
Component · Ref OF87TB
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Element.lg\:pt-0.pt-4.flex-col > ul > .lg\:pt-4\.5.pt-4:nth-child(3) > .subhead-4.block
Accessible nameCareers
Markup
<a class="subhead-4 text-noir block" href="https://drinkavaline.com/blogs/event?view=careers">Careers</a>
Component · Ref FYSUD9
Affected pagehttps://drinkavaline.com/
Element.md\:px-12\.5
Accessible nameShop Now
Markup
<a class="btn-outline-light grow shrink-0 px-4 md:px-12.5 text-center inline-block" href="/collections/wines">Shop Now</a>
Component · Ref S1B8JW
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Element.lg\:pt-0.pt-4.flex-col > .lg\:block
Accessible nameCommunity
Markup
<h2 class="subhead-2 text-noir hidden lg:block">Community</h2>
Component · Ref 53MT2P
Affected pagehttps://drinkavaline.com/
Elementh1
Accessible nameSummer on Repeat
Markup
<h1 class="heading-1 mb-4 md:mb-3.5">Summer on Repeat</h1>
Component · Ref WKBQY3
Affected pagehttps://drinkavaline.com/
Element.heading-5
Accessible name15% Off + Free Shipping Always
Markup
<p class="heading-5">15% Off + Free Shipping Always</p>

Showing 25 representative examples · 2 more affected elements not shown

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)40 instances4 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 40 affected elements
Component · Ref 63SVYJ
Affected pagehttps://drinkavaline.com/
Elementdiv:nth-of-type(2) > div > div:nth-of-type(1) > ul > li:nth-of-type(1) > a
Accessible nameMost popular wines
Markup
<a class="label-4 bg-sparkling text-noir block px-2.5 py-1 hover:underline" href="/search?q=Most+popular+wines">Most popular wines</a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref F2P9OE
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Elementdiv > div:nth-of-type(2) > div > div:nth-of-type(1) > div > button
Accessible nameClose Search
Markup
<button class="js-close-search link-1 text-noir cursor-pointer underline hover:no-underline" aria-label="Close Search" type="button">
        Close
      </button>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref JOQ3MI
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Elementdiv#shopify-section-sections--21328096067719__header > header > div:nth-of-type(1) > div > div:nth-of-type(1) > button:nth-of-type(1)
Accessible nameOpen mobile menu
Markup
<button aria-label="Open mobile menu" aria-expanded="false" aria-controls="mobile-navigation" class="js-open-mobile-menu text-noir w-6.5 relative h-auto">
          <svg aria-hidden="true" class="w-5 h-3.5" xmlns="http://www.w3.org/2000/svg" width="22" height="16" fill="none" viewBox="0 0 22 16">
  <path stroke="currentColor" stroke-linecap="square" stroke-width="1.5" d="M.75.75h20M.75 7.75h20M.75 14.75h20"></path>
</svg>

          <div class="absolute left-0 top-0 block h-0 w-full overflow-hidden md:hidden">
            <svg aria-hidden="true" class="w-5 h-3.5 !text-noir" xmlns="http://www.w…
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref AKJ3ZP
Affected pagehttps://drinkavaline.com/pages/sign-up
Elementsearch-dropdown > div:nth-of-type(3) > div > div:nth-of-type(1) > div:nth-of-type(2) > a
Accessible nameView Search Results
Markup
<a href="/search?q=" class="js-view-search-results link-1 text-noir hover:text-noir underline">
          View Search Results
        </a>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref 1IY53P
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Elementul > li:nth-of-type(1) > aside > search-dropdown > div:nth-of-type(1) > button
Accessible nameClose Search
Markup
<button class="js-close-search link-1 text-noir cursor-pointer underline hover:no-underline" aria-label="Close Search" type="button">
        <svg aria-hidden="true" class="w-4 h-4 text-noir!" xmlns="http://www.w3.org/2000/svg" width="17" height="17" fill="none" viewBox="0 0 17 17">
  <path stroke="currentColor" stroke-linecap="square" stroke-width="1.5" d="m1.06 1.06 14.22 14.22M1.06 15.28 15.28 1.06"></path>
</svg>

      </button>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
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 RSL5FM
Affected pagehttps://drinkavaline.com/pages/contact
Element.js-mini-cart-toggle
Accessible nameToggle minicart
Rolebutton
Markup
<button class="js-mini-cart-toggle header__cart-toggle text-noir relative h-5 w-5 cursor-pointer hover:text-black" aria-label="Toggle minicart" aria-expanded="false" aria-controls="CartDrawer" tabindex="0" role="button" aria-haspopup="dialog">
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)4 instances4 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 4 affected elements
Component · Ref 04C2WZ
Affected pagehttps://drinkavaline.com/pages/sign-up
Elementsection#shopify-section-sections--21328096067719__promo_bar > style
Accessible name#PromoBar-sections--21328096067719__promo_bar { --promo-bg: #70776b; --promo-text: #ffffff; } /* Before Swiper: show first slide, hide others, prevent stacking */ custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide { display: none; } custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide:first-child { display: block; opacity: 1; }
Markup
<style>
    #PromoBar-sections--21328096067719__promo_bar  {
      --promo-bg: #70776b;
      --promo-text: #ffffff;
    }
    /* Before Swiper: show first slide, hide others, prevent stacking */
    custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide {
      display: none;
    }
    custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide:first-child {
      display: block;
      opacity: 1;
    }
  </style>
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Medium

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)20 instances1 inspected page

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 20 affected elements
Component · Ref ZWOFY9
Affected pagehttps://drinkavaline.com/
Elementcard-product[data-selling-plans="3450470535:30 days"] > .opacity-0.inset-0.absolute
Markup
<a class="absolute inset-0 opacity-0" href="/products/the-wedding-season-set" aria-hidden="true"></a>
Component · Ref INIPIY
Affected pagehttps://drinkavaline.com/
Element.opacity-0.inset-0[href$="the-red-case"]
Markup
<a class="absolute inset-0 opacity-0" href="/products/the-red-case" aria-hidden="true"></a>
Component · Ref YJIKZ3
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-fully-visible.swiper-slide-visible.swiper-slide:nth-child(3) > card-product[data-product-title="Pinot Noir"][data-variant-id="40560401678471"][data-product-id="7422349246599"] > .card-product__media.relative > .card-product__link.relative[href$="pinot-noir"]
Accessible nameAvaline Pinot Noir
Markup
<a href="/products/pinot-noir" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref LTPWYA
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-fully-visible.swiper-slide-visible.swiper-slide:nth-child(4) > card-product[data-product-title="Rosé"][data-variant-id="33797275320455"][data-product-id="4887193387143"] > .opacity-0.inset-0[href$="rose-wine"]
Markup
<a class="absolute inset-0 opacity-0" href="/products/rose-wine" aria-hidden="true"></a>
Component · Ref VMPZCB
Affected pagehttps://drinkavaline.com/
Element.card-product__link.relative[href$="the-red-case"]
Accessible nameThe Red Case — 12 bottles
Markup
<a href="/products/the-red-case" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref SW39QK
Affected pagehttps://drinkavaline.com/
Elementcard-product[data-product-title="All the Whites"] > .card-product__media.relative > .card-product__link.relative.cursor-pointer
Accessible nameAll the Whites — 9 bottles
Markup
<a href="/products/all-the-whites-bundle" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref ICSFNH
Affected pagehttps://drinkavaline.com/
Element#tab-tab_ih9Yff > featured-products > .js-swiper.swiper-initialized.swiper-horizontal > .swiper-wrapper > .swiper-slide-active.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="White"][data-variant-id="33797276991623"][data-product-id="4887193780359"] > .card-product__media.relative > .card-product__link.relative[href$="white-wine"]
Accessible nameAvaline White Wine
Markup
<a href="/products/white-wine" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref ZG55Q1
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-active.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="The Welcome Set"][data-variant-id="43803076132999"][data-product-id="7694183334023"] > .card-product__media.relative > .card-product__link.relative.cursor-pointer
Accessible nameThe Welcome Set — 6 bottles
Markup
<a href="/products/the-welcome-set-6-bottles" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref JCR83F
Affected pagehttps://drinkavaline.com/
Element#tab-tab_ih9Yff > featured-products > .js-swiper.swiper-initialized.swiper-horizontal > .swiper-wrapper > .swiper-slide-active.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="White"][data-variant-id="33797276991623"][data-product-id="4887193780359"] > .opacity-0.inset-0[href$="white-wine"]
Markup
<a class="absolute inset-0 opacity-0" href="/products/white-wine" aria-hidden="true"></a>
Component · Ref M0MP2L
Affected pagehttps://drinkavaline.com/
Element#tab-tab_ih9Yff > featured-products > .js-swiper.swiper-initialized.swiper-horizontal > .swiper-wrapper > .swiper-slide-next.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="Sauvignon Blanc"][data-variant-id="40468873183367"][data-product-id="7393649262727"] > .opacity-0.inset-0[href$="sauvignon-blanc-wine"]
Markup
<a class="absolute inset-0 opacity-0" href="/products/sauvignon-blanc-wine" aria-hidden="true"></a>
Component · Ref RLK1FA
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-visible.swiper-slide:nth-child(5) > card-product[data-product-title="Cabernet Sauvignon"][data-variant-id="42924731498631"][data-product-id="8156994863239"] > .card-product__media.relative > .card-product__link.relative.cursor-pointer
Accessible nameAvaline Cabernet Sauvignon
Markup
<a href="/products/cabernet-sauvignon-new" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref RLPY9E
Affected pagehttps://drinkavaline.com/
Element#tab-tab_ih9Yff > featured-products > .js-swiper.swiper-initialized.swiper-horizontal > .swiper-wrapper > .swiper-slide-next.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="Sauvignon Blanc"][data-variant-id="40468873183367"][data-product-id="7393649262727"] > .card-product__media.relative > .card-product__link.relative[href$="sauvignon-blanc-wine"]
Accessible nameAvaline Sauvignon Blanc
Markup
<a href="/products/sauvignon-blanc-wine" class="card-product__link relative cursor-pointer" aria-hidden="true">
Component · Ref P4D9KX
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-active.swiper-slide-fully-visible.swiper-slide-visible > card-product[data-product-title="The Welcome Set"][data-variant-id="43803076132999"][data-product-id="7694183334023"] > .opacity-0.inset-0.absolute
Markup
<a class="absolute inset-0 opacity-0" href="/products/the-welcome-set-6-bottles" aria-hidden="true"></a>
Component · Ref LGBOBH
Affected pagehttps://drinkavaline.com/
Element.swiper-slide-visible.swiper-slide:nth-child(5) > card-product[data-product-title="Cabernet Sauvignon"][data-variant-id="42924731498631"][data-product-id="8156994863239"] > .opacity-0.inset-0.absolute
Markup
<a class="absolute inset-0 opacity-0" href="/products/cabernet-sauvignon-new" aria-hidden="true"></a>
Low

Low-quality alternative text

WCAG 1.1.1 (A)24 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 24 affected elements
Component · Ref DHSFTI
Affected pagehttps://drinkavaline.com/
Elementdiv:nth-of-type(1) > card-product > div:nth-of-type(1) > div:nth-of-type(1) > a > img:nth-of-type(2)
Markup
<img class="card-product__image-second aspect-[150/187] lg:aspect-[380/474]" src="//drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=400" srcset="//drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=200 200w, //drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=300 300w, //drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=400 400w, //drinkaval…
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Component · Ref IIY3V0
Affected pagehttps://drinkavaline.com/pages/contact
Elementli > card-product > div:nth-of-type(1) > div:nth-of-type(1) > a > img:nth-of-type(2)
Markup
<img class="card-product__image-second aspect-[150/187] lg:aspect-[380/474]" src="//drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=400" srcset="//drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=200 200w, //drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=300 300w, //drinkavaline.com/cdn/shop/files/PDP_HERO_9_BOTTLE_5e483215-f64d-458e-a8ad-babea78b1cbc.jpg?v=1779131748&amp;width=400 400w, //drinkaval…
Affected pages/ /pages/sign-up /collections/cart-empty-collection /pages/contact
Low

Touch targets are too small

WCAG 2.5.8 (AA)4 instances4 inspected pages

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 <button>'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 4 affected elements
Component · Ref DKYGT2
Affected pagehttps://drinkavaline.com/pages/sign-up
Element.right-0
Accessible nameSubmit
Markup
<button type="submit" class="z-1 text-noir absolute right-0 top-1/2 size-5 -translate-y-1/2 cursor-pointer" aria-label="Submit">
Affected pages/pages/sign-up /pages/contact
Component · Ref HJS8I4
Affected pagehttps://drinkavaline.com/
Element.size-5
Accessible nameSubmit
Markup
<button type="submit" class="z-1 text-noir absolute right-0 top-1/2 size-5 -translate-y-1/2 cursor-pointer" aria-label="Submit">
Affected pages/ /collections/cart-empty-collection
Low

Page has no level-one heading

WCAG 1.3.1 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 43OJJ8
Affected pagehttps://drinkavaline.com/collections/cart-empty-collection
Elementhtml > body
Accessible nameSkip to content <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W396NW8" height="0" width="0" style="display:none;visibility:hidden"></iframe> #PromoBar-sections--21328096067719__promo_bar { --promo-bg: #70776b; --promo-text: #ffffff; } /* Before Swiper: show first slide, hide others, prevent stacking */ custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide { display: none; } custom-promo .js-swiper:not(.swiper-initialized) .swiper-slide:first-child { display: block; opacity: 1; } Unlock 15% in cart with a purchase of 12 bottles or more document.body.classList.add('has-promo-bar') // Check for transparent header immediately (synchronously) ;(function () { if (document.body) { const isHeaderTransparent = document.body.classList.contains('is-header-transparent') const headerEl = document.querySelector('.js-header') if (headerEl) { if (isHeaderTransparent) { headerEl.classList.remove('header-filled', 'header-border') } else { // Ensure header classes are present when not transparent if (!headerEl.classList.contains('header-filled')) { headerEl.classList.add('header-filled') } if (!headerEl.classList.contains('header-border')) { headerEl.classList.add('header-border') } } } } })() requestAnimationFrame(() => { const header = document.querySelector('site-header.header-group') const headerEl = document.querySelector('.js-header') const initialized = 'initialized' const initDuration = 'init-duration' const isHeaderTransparent = document.body.classList.contains('is-header-transparent') const headerFilled = 'header-filled' const headerBorder = 'header-border' // Force correct state based on body class if (headerEl) { if (isHeaderTransparent) { headerEl.classList.remove(headerFilled, headerBorder) } else { document.body.classList.remove('is-header-transparent') headerEl.classList.add(headerFilled, headerBorder) } } if (header) { // Check hero after DOM is ready (needed for transparent header detection) const checkHero = () => { const heroEl = document.querySelector('main > section:first-child[id*="_hero_"] site-hero') || document.querySelector('main > section:first-child[id*="_full_bleed_hero_"]') if (heroEl && headerEl) { const isMobile = window.matchMedia('(max-width: 767px)').matches if (isHeaderTransparent) { headerEl.classList.remove(headerFilled, headerBorder) } else if (!isMobile && window.scrollY == 0) { headerEl.classList.remove(headerFilled) } if (!isHeaderTransparent) { headerEl.classList.remove(headerBorder) } } } // Show header immediately header.classList.add(initialized) setTimeout(() => { header.classList.add(initDuration) }, 50) // Refine hero-dependent state once DOM is ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', checkHero, { once: true }) } else { checkHero() } } }) Shop Wines Learn Join the Wine Club AVALINE Search Search Suggestions Close Trending View Search Results View Search Results Search Suggestions Close Most popular wines Red wines White wines Rosé Seasonal case Trending White$24 4.5 star rating 183 Reviews Dry with a touch of citrus and a clean finish Product Details: White Add to box Add − + __COUNT__ __NAME__ added to box! __NAME__ removed from box! Red$24 4.5 star rating 195 Reviews Light-to-medium body, cherry, and a touch of spice Product Details: Red Add to box Add − + __COUNT__ __NAME__ added to box! __NAME__ removed from box! Rosé$24 4.6 star rating 219 Reviews Notes of melon and zest from Provence Product Details: Rosé Add to box Add − + __COUNT__ __NAME__ added to box! __NAME__ removed from box! Find Us Box Featured Shop Wines Most Popular Shop Sets & Gifts Up to 15% Off Shop All May We Suggest Bestseller The Welcome Set$159 4.3 star rating 488 Reviews All the crowd-favorites, your best intro to Avaline Add to box − + __COUNT__ __NAME__ added to box! __NAME__ removed from box! By Type Reds Whites Rosé Sparkling Shop All Wines By Flavor Profile Dry & Crisp Fruit Forward Juicy with Spice Notes …[truncated by Evolize: exceeded D1 value limit]
Markup
<body data-template="collection" data-template-suffix="" class="has-promo-bar" style="--promo-height: 30px;">
    <a href="#MainContent" class="button bg-primary text-contrast sr-only focus:not-sr-only focus:absolute focus:z-50 focus:px-6 focus:py-3">
      Skip to content
    </a>

    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W396NW8"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->

    <site-header class="header-group initialized init-du…
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 EXGT8G
Affected pagehttps://drinkavaline.com/
Elementvideo#hero-bg-video-desktop-template--21328102621319__hero_V6fQNr
Markup
<video playsinline="playsinline" class="hero-video__el" muted="muted" autoplay="autoplay" loop="loop" poster="files/preview_images/742f33c056b947c0b5dcf6f6819b2fe4.thumbnail.0000000000.jpg" preload="auto" aria-hidden="true" id="hero-bg-video-desktop-template--21328102621319__hero_V6fQNr"><source src="//drinkavaline.com/cdn/shop/videos/c/vp/742f33c056b947c0b5dcf6f6819b2fe4/742f33c056b947c0b5dcf6f6819b2fe4.HD-1080p-4.8Mbps-86337550.mp4?v=0" type="video/mp4"><img src="//drinkavaline.com/cdn/shop/files/preview_images/742f33c056b947c0b5dcf6f6819b2fe4.thumbnail.0000000000_small.jpg?v=1781228263"></v…

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.