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

Accessibility issues detected on electrolit.com

Evolize inspected 5 public pages on electrolit.com and detected 69 automatically identifiable accessibility findings.

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

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

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

Is electrolit.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 electrolit.com and detected 69 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/", where 52 findings were detected. The assessment identified findings mapped to 8 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

  1. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 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 /.

    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 /.

    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 /pages/career-opportunities.

    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 /.

    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 /.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3355 / 5
2.1.1KeyboardA855 / 5
2.4.4Link Purpose (In Context)A655 / 5
1.2.2Captions (Prerecorded)A511 / 5
2.5.8Target Size (Minimum)AA522 / 5
1.1.1Non-text ContentA411 / 5
1.3.1Info and RelationshipsA455 / 5
2.4.3Focus OrderA455 / 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

Text has insufficient colour contrast

WCAG 1.4.3 (AA)99 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 99 affected elements
Component · Ref W1LBO3
Affected pagehttps://electrolit.com/pages/director-of-national-accounts-on-premise
Element.Footer_innerbottom_innerdetail_innerboths_menus_new > .menu > .menu-link:nth-child(1)
Accessible name©2026, Electrolit
Markup
<li class="menu-link">
                                  ©2026, Electrolit
                                </li>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref TOXI70
Affected pagehttps://electrolit.com/cart
Element.Footer_innerbottom_innerdetail_innerboths_menus_new > .menu > .menu-link:nth-child(3) > a
Accessible nameTerms of Service
Markup
<a href="https://electrolit.com/pages/privacy-policy?view=terms-of-service&amp;pb=0">Terms of Service</a>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref D49JIX
Affected pagehttps://electrolit.com/pages/contact
Element.Footer_innersides_rightside_newsletter_innertexts_new > p
Accessible name*By completing this form you are signing up to receive our emails and can unsubscribe at any time.
Markup
<p>*By completing this form you are signing up to receive our emails and can unsubscribe at any time.</p>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref QT9JS6
Affected pagehttps://electrolit.com/pages/director-of-national-accounts-on-premise
Element#NewsletterForm--sections--28243986415748__footer
Markup
<input id="NewsletterForm--sections--28243986415748__footer" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email Address" required="">
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref WHGGMZ
Affected pagehttps://electrolit.com/
Element#HeaderMenu-shop > span
Accessible nameShop
Markup
<span>Shop</span>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref NBBC6F
Affected pagehttps://electrolit.com/products/grape-ih
Element.Index_object_choice_table_detail_innerloops_innerboxs_mainrows_new:nth-child(3) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_mainlists_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_maintexts_new:nth-child(3) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_innertexts_new > span
Accessible nameSugar
Markup
<span>Sugar</span>
Component · Ref WE0MGZ
Affected pagehttps://electrolit.com/
Element.swiper-slide-fully-visible.swiper-slide-visible[aria-label="4 / 5"] > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information.Card_product_innercontent_details_new > .Card_product_innercontent_details_shorttags_new
Accessible nameElectrolyte powder
Markup
<div class="Card_product_innercontent_details_shorttags_new">
                Electrolyte powder
              </div>
Component · Ref KQD36T
Affected pagehttps://electrolit.com/
Element.tab_template__28243985825924__index_object_choice_table_new_MFknyJ_0_open.tabcontent > .Index_object_choice_table_detail_innerloops_mainboxs_new > .Index_object_choice_table_detail_innerloops_innerboxs_new > .Index_object_choice_table_detail_innerloops_innerboxs_mainrows_new:nth-child(3) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_mainlists_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_maintexts_new:nth-child(4) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerlists_innertexts_new > span
Accessible nameCalories
Markup
<span>Calories</span>
Component · Ref OAK9GZ
Affected pagehttps://electrolit.com/
Elementa[href$="lemon-lime-po"] > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerproduct_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerproduct_mainboths_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerproduct_innerboths_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerproduct_innerboths_texts_new
Accessible nameElectrolyte powder
Markup
<div class="Index_object_testimonials_innerloops_innerboxs_innerdetail_innerproduct_innerboths_texts_new">
                                                Electrolyte powder
                                              </div>
Component · Ref QUTR0N
Affected pagehttps://electrolit.com/products/grape-ih
Element.Index_object_choice_table_detail_innerloops_innerboxs_mainrows_new:nth-child(2) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_maininfos_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerinfos_new > .metafield-rich_text_field > p
Accessible nameTraditional Electrolyte
Drinks*
Markup
<p>Traditional Electrolyte
Drinks*</p>
Component · Ref U3GALX
Affected pagehttps://electrolit.com/
Elementbutton[tab_id="tab_information_rXFPrE_2"]
Accessible nameZero
Markup
<button class="tablinks Tabs_common_inner_new" tab_id="tab_information_rXFPrE_2">Zero
</button>
Component · Ref 6N7N4P
Affected pagehttps://electrolit.com/
Element.tab_template__28243985825924__index_object_choice_table_new_MFknyJ_0_open.tabcontent > .Index_object_choice_table_detail_innerloops_mainboxs_new > .Index_object_choice_table_detail_innerloops_innerboxs_new > .Index_object_choice_table_detail_innerloops_innerboxs_mainrows_new:nth-child(3) > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_maininfos_new > .Index_object_choice_table_detail_innerloops_innerboxs_innerrows_innerinfos_new > .metafield-rich_text_field > p
Accessible nameOther Electrolyte
Powders*
Markup
<p>Other Electrolyte
Powders*</p>
Component · Ref PGDFN
Affected pagehttps://electrolit.com/
Element.swiper-slide-next.swiper-slide-fully-visible[aria-label="2 / 5"] > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information.Card_product_innercontent_details_new > .Card_product_innercontent_details_shorttags_new
Accessible nameElectrolyte powder
Markup
<div class="Card_product_innercontent_details_shorttags_new">
                Electrolyte powder
              </div>
Component · Ref Q4TOVV
Affected pagehttps://electrolit.com/products/grape-ih
Element.Index_object_choice_table_detail_innerinfos_new > p
Accessible name*Comparison based on other electrolyte drink and powder brands in the U.S. as of 2024. Data sourced from publicly available product nutrition labels.
Markup
<p>*Comparison based on other electrolyte drink and powder brands in the U.S. as of 2024. Data sourced from publicly available product nutrition labels.</p>
Component · Ref C22IQL
Affected pagehttps://electrolit.com/
Element.Index_object_choice_table_detail_innerinfos_new > .metafield-rich_text_field > p
Accessible name*Comparison based on other electrolyte drink and powder brands in the U.S. as of 2024. Data sourced from publicly available product nutrition labels.
Markup
<p>*Comparison based on other electrolyte drink and powder brands in the U.S. as of 2024. Data sourced from publicly available product nutrition labels.</p>
Component · Ref P75VS1
Affected pagehttps://electrolit.com/products/grape-ih
Element#ProductInfo-template--28243986350212__main > .Meta_short_packets_text_main_new > .Meta_short_packets_text_inner_new > ul > li
Accessible nameElectrolyte Beverage
Markup
<li>Electrolyte Beverage</li>
Component · Ref N16FJ3
Affected pagehttps://electrolit.com/
Element.swiper-slide-active.swiper-slide-fully-visible[aria-label="1 / 5"] > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information.Card_product_innercontent_details_new > .Card_product_innercontent_details_shorttags_new
Accessible nameElectrolyte powder
Markup
<div class="Card_product_innercontent_details_shorttags_new">
                Electrolyte powder
              </div>
Component · Ref Q7WSNQ
Affected pagehttps://electrolit.com/
Element.Product_grid_item_main_new[aria-label="5 / 5"][role="group"] > .card-wrapper.product-card-wrapper.underline-links-hover > .card.card--standard.card--media > .card__content > .card__information > .card-information.Card_product_innercontent_details_new > .Card_product_innercontent_details_shorttags_new
Accessible nameElectrolyte powder
Markup
<div class="Card_product_innercontent_details_shorttags_new">
                Electrolyte powder
              </div>
Component · Ref ML9DG6
Affected pagehttps://electrolit.com/
Element.Index_object_choice_table_detail_innerlists_innertitle_new
Accessible nameCompare:
Markup
<div class="Index_object_choice_table_detail_innerlists_innertitle_new">
                    Compare:
                  </div>
Component · Ref BCNMHN
Affected pagehttps://electrolit.com/
Element.Index_object_testimonials_innerloops_mainboxs_new[aria-label="2 / 5"][data-swiper-slide-index="1"] > .Index_object_testimonials_innerloops_innerboxs_new > .Index_object_testimonials_innerloops_innerboxs_maindetail_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_mainboths_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerboths_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerboths_maintexts_new > .Index_object_testimonials_innerloops_innerboxs_innerdetail_innerboths_innertexts_new > span
Accessible nameVerified Buyer
Markup
<span>Verified Buyer</span>
Component · Ref D4KCKX
Affected pagehttps://electrolit.com/
Element#NoMediaStandardBadge-information_LVbKFB-9999331786884
Accessible nameBestseller
Markup
<span id="NoMediaStandardBadge-information_LVbKFB-9999331786884" class="badge badge--bottom-left color-scheme-3">
                Bestseller
              </span>
Component · Ref HJDYT7
Affected pagehttps://electrolit.com/
Elementdiv[aria-label="1 / 2"] > .Index_top_image_over_text_inner_new > .Index_top_image_over_text_boths_new > .Index_top_image_over_text_boths_mainoverlay_new > .page-width > .Index_top_image_over_text_boths_inneroverlay_new > .Index_top_image_over_text_boths_inneroverlay_mainboths_new > .Index_top_image_over_text_boths_inneroverlay_innerboths_new > .Index_top_image_over_text_boths_inneroverlay_innerboths_mainloops_new > .Index_top_image_over_text_boths_inneroverlay_innerboths_innerloops_new > .Index_top_image_over_text_boths_inneroverlay_innerboths_innerloops_mainboxs_new:nth-child(3) > .Index_top_image_over_text_boths_inneroverlay_innerboths_innerloops_innerboxs_new > .Index_top_image_over_text_boths_inneroverlay_innerboths_innerloops_innerboxs_texts_new > p
Accessible nameReduceCramping
Markup
<p>Reduce<br>Cramping</p>
Component · Ref TVUCGO
Affected pagehttps://electrolit.com/products/grape-ih
Elementli:nth-child(5) > .question > .Product_object_ingredient_sides_innerright_innerloops_mainquestion_new > .Product_object_ingredient_sides_innerright_innerloops_innerquestion_new > .Product_object_ingredient_sides_innerright_innerloops_innerquestion_maintexts_new > .Product_object_ingredient_sides_innerright_innerloops_innerquestion_innertexts_new > .Product_object_ingredient_sides_innerright_innerloops_innerquestion_innertexts_maininfos_new > .Product_object_ingredient_sides_innerright_innerloops_innerquestion_innertexts_innerinfos_new.Common_infos_new > .metafield-rich_text_field > p
Accessible nameRegulate thirst levels
Markup
<p>Regulate thirst levels</p>
Component · Ref B1D2L1
Affected pagehttps://electrolit.com/products/grape-ih
Element.Meta_custom_accordions_inner_new > .accordion > .list-unstyled > li:nth-child(1) > .question
Accessible nameDescription
Markup
<div class="question">
                                  Description
                                </div>
Component · Ref 4N0JRM
Affected pagehttps://electrolit.com/products/grape-ih
Elementli:nth-child(6) > h3
Accessible nameIs Electrolit safe for all age groups?
Markup
<h3 class="question">
                                      Is Electrolit safe for all age groups?
                                    </h3>

Showing 25 representative examples · 8 more affected elements not shown

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 6ZZ0LX
Affected pagehttps://electrolit.com/cart
Elementa#HeaderMenu-shop-zero
Accessible nameZero
Markup
<a id="HeaderMenu-shop-zero" href="javascript:void(0)" class="mega-menu__link mega-menu__link--level-2 link collection_info_links_new   " menu_id="item_zero">
                                  Zero
                                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M5.75 4L10.25 8.5L5.75 13" stroke="#004600" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"></path>
                                  </svg>
                                </a>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref 946Z3F
Affected pagehttps://electrolit.com/products/grape-ih
Elementdiv > div > div > div:nth-of-type(6) > div > a
Accessible nameShop all
Markup
<a href="https://electrolit.com/collections#powders" class="button_drawer_new">
                                                Shop all
                                              </a>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref GQF4UJ
Affected pagehttps://electrolit.com/pages/contact
Elementdiv#link-powders > div > button
Accessible namePowders
Markup
<button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true">
                            <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"></path></svg>
</span>
                            Powders
                          </button>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)29 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 29 affected elements
Component · Ref 63APWG
Affected pagehttps://electrolit.com/products/grape-ih
Elementsummary#HeaderDrawer-powders
Accessible namePowders
Rolebutton
Markup
<summary id="HeaderDrawer-powders" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="true" aria-controls="link-powders">
                        Powders
                        
                        <svg class="plus_idon_new" width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <rect y="36" width="36" height="36" rx="12" transform="rotate(-90 0 36)" fill="#F5F5F5"></rect>
                          <path d="M18.0003 12.1665V23.8332M23.8337 17.9998H12.167" stroke="#213478" str…
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref 78YPTB
Affected pagehttps://electrolit.com/products/grape-ih
Elementheader > div > 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>
        <span class="svg-wrapper"><svg class="icon icon-search" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.7778 17.7778L22 22M3 11.4444C3 13.6841 3.88968 15.8319 5.47332 17.4156C7.05696 18.9992 9.20484 19.8889 11.4444 19.8889C13.6841 19.8889 15.8319 18.9992 17.4156 17.4156C18.9992 15.8319 19.8889 13.6841 19.8889 11.4444C19.8889 9.20484 18.9992 7.05696 17.4156 5.…
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref MTCZ15
Affected pagehttps://electrolit.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 class="icon icon-hamburger" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 12H22.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.5 5.25H22.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.5 18.75H22.5" stroke="currentColor" stroke-wi…
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref U1F9W1
Affected pagehttps://electrolit.com/products/grape-ih
Elementsummary#HeaderMenu-learn
Accessible nameLearn
Rolebutton
Markup
<summary id="HeaderMenu-learn" class="header__menu-item  list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-2">
                <span>Learn</span>
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M3 5.5L7.5 10L12 5.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                </svg>
              </summary>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref H2Y68E
Affected pagehttps://electrolit.com/cart
Elementdiv#dynamic-checkout-cart > shopify-accelerated-checkout-cart > div > ul > li > div
Rolebutton
Markup
<div class="wallet-cart-button wallet-cart-button__skeleton" role="button" disabled="" aria-hidden="true">&nbsp;</div>
Component · Ref UMNBEV
Affected pagehttps://electrolit.com/
Elementdiv > div:nth-of-type(1) > div > div > div > div:nth-of-type(2)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-142a1d788d09f653" aria-disabled="true">
                            <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <rect x="56" y="56" width="56" height="56" rx="28" transform="rotate(-180 56 56)" fill="white"></rect>
                              <rect x="55" y="55" width="54" height="54" rx="27" transform="rotate(-180 55 55)" stroke="#213478" stroke-opacity="0.15" stroke-widt…
Component · Ref S2SG3K
Affected pagehttps://electrolit.com/products/grape-ih
Elementul#Slider-Gallery-template--28243986350212__main > div:nth-of-type(2) > div:nth-of-type(1)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-b5107a8e35759fc67" aria-disabled="true">
          <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="1" y="1" width="54" height="54" rx="27" stroke="white" stroke-opacity="0.25" stroke-width="2"></rect>
            <path d="M19.1992 28L34.9992 28" stroke="white" stroke-width="2" stroke-linecap="round"></path>
            <path d="M28.9993 35L35.9993 28L28.9993 21" stroke="white" stroke-wid…
Component · Ref 8J9UY8
Affected pagehttps://electrolit.com/pages/director-of-national-accounts-on-premise
Elementdiv#smoothie-job-content > div:nth-of-type(1) > h1 > span
Accessible nameAPPLY NOW
Markup
<span class="job-apply" onclick="location.href='https://www.appone.com/MainInfoReq.asp?R_ID=6659760&amp;B_ID=91&amp;fid=1&amp;Adid=&amp;ssbgcolor=&amp;SearchScreenID=25880&amp;CountryID=3&amp;LanguageID=2';">APPLY NOW</span>
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)5 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 5 affected elements
Component · Ref XCNVT2
Affected pagehttps://electrolit.com/cart
Elementheader > div > div > 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" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="pred…
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
High

Images lack text alternatives

WCAG 1.1.1 (A)4 instances1 inspected page

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 4 affected elements
Component · Ref 3B00O3
Affected pagehttps://electrolit.com/
Element.Index_object_testimonials_innerloops_mainboxs_new[aria-label="1 / 5"][data-swiper-slide-index="0"] > .Index_object_testimonials_innerloops_innerboxs_new > .Index_object_testimonials_innerloops_innerboxs_mainstatic_new.Desktop_only_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_imagevideo_new > .Static_video_new > img
Markup
<img src="//electrolit.com/cdn/shop/files/preview_images/6142df071a0d4cd89b269461edda2bad.thumbnail.0000000000.jpg?v=1742047874">
Component · Ref B331OH
Affected pagehttps://electrolit.com/
Elementdiv[data-swiper-slide-index="3"] > .Index_object_testimonials_innerloops_innerboxs_new > .Index_object_testimonials_innerloops_innerboxs_mainstatic_new.Desktop_only_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_imagevideo_new > .Static_video_new > img
Markup
<img src="//electrolit.com/cdn/shop/files/preview_images/0f55ac0be680445f9ed8c47d7964b55b.thumbnail.0000000000.jpg?v=1742047883">
Component · Ref 3UN8G3
Affected pagehttps://electrolit.com/
Element.Index_story_video_banner_innerdetail_innerbanner_videoimage_new > .Common_video_new > img
Markup
<img src="//electrolit.com/cdn/shop/files/preview_images/590a42249bc1425393d73bd406082179.thumbnail.0000000000.jpg?v=1743444650">
Component · Ref OV6KBD
Affected pagehttps://electrolit.com/
Element.Index_drawer_tooltip_list_innerdetail_innerright_videoimage_new > .Common_video_new > img
Markup
<img src="//electrolit.com/cdn/shop/files/preview_images/00ae6dd5264d41f59b010c8e12923e43.thumbnail.0000000000.jpg?v=1741890465">
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 WLRAT2
Affected pagehttps://electrolit.com/pages/director-of-national-accounts-on-premise
Elementdiv#CartDrawer > div:nth-of-type(2) > cart-drawer-items > div:nth-of-type(2) > div > p
Accessible name“Much better tasting than many drinks that include electrolytes!!! I use these before, during, and after practices to keep hydrated. Highly recommend!”
Markup
<p class="cart-reviews-card__text">“Much better tasting than many drinks that include electrolytes!!! I use these before, during, and after practices to keep hydrated. Highly recommend!”</p>
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /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 MSGE8C
Affected pagehttps://electrolit.com/pages/contact
Elementdiv#menu-drawer > div > div > nav
Accessible namePowders Powders Strawberry Kiwi Lemon Lime Variety Pack Fruit Punch Grape Shop all bottles bottles Electrolit Electrolit
ZERO Science
Markup
<nav class="menu-drawer__navigation Header_drawer_innerdetail_boths_toppart_new">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list">

                
                
                  
                
                
                <li><details id="Details-menu-drawer-menu-item-1" class="menu-opening" open="">
                      <summary id="HeaderDrawer-powders" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="true" aria-controls="link-powders">
                        Powders
                        
   …
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Component · Ref 6ZZH8L
Affected pagehttps://electrolit.com/products/grape-ih
Elementdiv#shopify-section-sections--28243986448516__header > sticky-header > header > div > nav
Accessible nameScience Learn our story hard work Reviews faqs
Markup
<nav class="header__inline-menu Header_mega_menu_main_new ">
  <ul class="list-menu list-menu--inline" role="list">

      
      
        
      
<li>
          <a id="HeaderMenu-science" href="/pages/science" class="header__menu-item list-menu__item link link--text focus-inset">
            <span>Science</span>
          </a>
        </li>

      
      
        
      
<li class=" custom_mega_menu_top_new single_menu_top_new ">
          <header-menu>
            <details id="Details-HeaderMenu-2" class="mega-menu">
              <summary id="HeaderMenu-learn" class="header__menu-item  list…
Affected pages/ /pages/contact /pages/director-of-national-accounts-on-premise /products/grape-ih /cart
Medium

ARIA container is missing required child roles

WCAG 1.3.1 (A)1 instance1 inspected page

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Why it matters

An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.

Recommended correction

Provide the child roles the container role requires (e.g. option inside listbox).

View 1 affected element
Component · Ref WTF62Z
Affected pagehttps://electrolit.com/products/grape-ih
Element#Slider-Gallery-template--28243986350212__main
Accessible nameOpen media 1 in modal combat
 dehydration Recover Faster Reduce Cramping 6 vital
 ions Open media 2 in modal Open media 3 in modal Open media 4 in modal
Rolelist
Markup
<ul id="Slider-Gallery-template--28243986350212__main" class="product__media-list contains-media grid grid--peek list-unstyled slider desktop_slider_new swiper product_desktop_slider_new swiper-initialized swiper-horizontal swiper-rtl swiper-watch-progress swiper-backface-hidden" role="list">
Medium

<video> elements must have captions

WCAG 1.2.2 (A)4 instances1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 4 affected elements
Component · Ref 91U2NZ
Affected pagehttps://electrolit.com/
Element.Index_story_video_banner_innerdetail_innerbanner_videoimage_new > .Common_video_new
Markup
<video playsinline="playsinline" class="Common_video_new" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//electrolit.com/cdn/shop/files/preview_images/590a42249bc1425393d73bd406082179.thumbnail.0000000000.jpg?v=1743444650" loading="lazy">
Component · Ref ZFBQBJ
Affected pagehttps://electrolit.com/
Element.Index_object_testimonials_innerloops_mainboxs_new[aria-label="1 / 5"][data-swiper-slide-index="0"] > .Index_object_testimonials_innerloops_innerboxs_new > .Index_object_testimonials_innerloops_innerboxs_mainstatic_new.Desktop_only_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_imagevideo_new > .Static_video_new
Markup
<video playsinline="playsinline" class="Static_video_new" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//electrolit.com/cdn/shop/files/preview_images/6142df071a0d4cd89b269461edda2bad.thumbnail.0000000000.jpg?v=1742047874" loading="lazy">
Component · Ref 55JK56
Affected pagehttps://electrolit.com/
Element.Index_drawer_tooltip_list_innerdetail_innerright_videoimage_new > .Common_video_new
Markup
<video playsinline="playsinline" class="Common_video_new" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//electrolit.com/cdn/shop/files/preview_images/00ae6dd5264d41f59b010c8e12923e43.thumbnail.0000000000.jpg?v=1741890465">
Component · Ref BF4FOH
Affected pagehttps://electrolit.com/
Elementdiv[data-swiper-slide-index="3"] > .Index_object_testimonials_innerloops_innerboxs_new > .Index_object_testimonials_innerloops_innerboxs_mainstatic_new.Desktop_only_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_new > .Index_object_testimonials_innerloops_innerboxs_innerstatic_imagevideo_new > .Static_video_new
Markup
<video playsinline="playsinline" class="Static_video_new" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//electrolit.com/cdn/shop/files/preview_images/0f55ac0be680445f9ed8c47d7964b55b.thumbnail.0000000000.jpg?v=1742047883" loading="lazy">
Low

Touch targets are too small

WCAG 2.5.8 (AA)14 instances2 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 <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 14 affected elements
Component · Ref VVEPOG
Affected pagehttps://electrolit.com/
Element.swiper-pagination-bullet-active[aria-label="Go to slide 2"][aria-current="true"]
Accessible nameGo to slide 2
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
Affected pages/ /products/grape-ih
Component · Ref CQ2CXD
Affected pagehttps://electrolit.com/
Elementspan[aria-label="Go to slide 4"]
Accessible nameGo to slide 4
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 4"></span>
Affected pages/ /products/grape-ih
Component · Ref 5KAFAE
Affected pagehttps://electrolit.com/
Element.mySwiper2_rightside > .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets > .swiper-pagination-bullet[aria-label="Go to slide 2"][role="button"]
Accessible nameGo to slide 2
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
Component · Ref 4YBVTA
Affected pagehttps://electrolit.com/
Element.Index_object_testimonials_innerloops_sliders_new > .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets > .swiper-pagination-bullet[aria-label="Go to slide 3"][role="button"]
Accessible nameGo to slide 3
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 3"></span>
Component · Ref AROTSB
Affected pagehttps://electrolit.com/
Element.Index_top_image_slider > .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets > .swiper-pagination-bullet[aria-label="Go to slide 1"][role="button"]
Accessible nameGo to slide 1
Rolebutton
Markup
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span>
Low

Video may be missing captions

WCAG 1.2.2 (A)6 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 6 affected elements
Component · Ref NH5MPA
Affected pagehttps://electrolit.com/
Elementdiv:nth-of-type(1) > div > div:nth-of-type(1) > div > div > video
Markup
<video playsinline="playsinline" class="Static_video_new" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//electrolit.com/cdn/shop/files/preview_images/6142df071a0d4cd89b269461edda2bad.thumbnail.0000000000.jpg?v=1742047874" loading="lazy"><source src="//electrolit.com/cdn/shop/videos/c/vp/6142df071a0d4cd89b269461edda2bad/6142df071a0d4cd89b269461edda2bad.HD-1080p-3.3Mbps-44229097.mp4?v=0" type="video/mp4"><img src="//electrolit.com/cdn/shop/files/preview_images/6142df071a0d4cd89b269461edda2bad.thumbnail.0000000000.jpg?v=1742047874"></video>

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.