Public accessibility assessment

Accessibility issues detected on vitaglobe.com

Evolize inspected 5 publicly accessible pages on vitaglobe.com and detected 93 automatically identifiable accessibility findings. 14 findings were classified as critical or high priority. The findings map to 9 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, form fields are missing labels, interactive controls are not keyboard-accessible.

93findings detected
14critical + high
5pages inspected
13 Aug 2026assessed

Independent public assessment. vitaglobe.com is not necessarily affiliated with or a customer of Evolize.

https://

01 · Accessibility summary

Evolize inspected 5 publicly accessible pages on vitaglobe.com and detected 93 automatically identifiable accessibility findings. 14 findings were classified as critical or high priority. The findings map to 9 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, form fields are missing labels, interactive controls are not keyboard-accessible.

02 · Priority findings

03 · WCAG criteria affected

CriterionNameLevelFindingsPages
1.4.3Contrast (Minimum)AA645
2.4.3Focus OrderA95
1.1.1Non-text ContentA55
1.3.1Info and RelationshipsA55
4.1.2Name, Role, ValueA45
1.2.2Captions (Prerecorded)A21
1.4.2Audio ControlA22
2.1.1KeyboardA25
2.4.4Link Purpose (In Context)A11

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 rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.

04 · All detected findings

Critical

Links lack accessible text

WCAG 2.4.4 (A)15 instances1 affected page
ComponentRef GJ9GUH

Links expose no accessible name, so their destination is unknown to screen reader users.

Affected pagehttps://www.vitaglobe.com/
Element.jdgm-carousel-item:nth-child(1) > .jdgm-carousel-item__product
Accessible nameMushroom Complex Gummies
Markup
<a class="jdgm-carousel-item__product " href="/products/mushroom-complex-gummies#judgeme_product_reviews">  <div class="jdgm-carousel-item__product-title jdgm-ellipsis"> Mushroom Complex Gummies </div> </a>
How to fixAdd accessible text to the link, either by including the text directly within the <a> tag or by using an aria-label attribute to provide a clear description of the link's purpose.
Critical

Form fields are missing labels

WCAG 1.3.1 (A)1 instance1 affected page
ComponentRef 5JCSXF

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

Affected pagehttps://www.vitaglobe.com/
Element.compare__input
Markup
<input class="compare__input" type="range" min="0" max="100" value="50" step="1" data-range-input="">
How to fixAdd a label to the form input field using the 'label' element or the 'aria-label' attribute, ensuring that the label is programmatically associated with the input field.
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)75 instances5 affected pages
ComponentRef AB0OHE

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.

Affected pagehttps://www.vitaglobe.com/
Elementdiv:nth-of-type(2) > div:nth-of-type(2) > div > div:nth-of-type(2) > nav > div:nth-of-type(1)
Accessible nameSHOP ALL By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc
Rolebutton
Markup
<div class="menu__item  grandparent kids-2  " aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-d78f99997e139ba8397bad7d34b00a9d" aria-controls="dropdown-d78f99997e139ba8397bad7d34b00a9d" role="button">
  <a href="/collections/all-products" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">SHOP ALL</span>
  </a>
  
    <div class="header__dropdown" data-hover-disclosure="" id="dropdown-d78f99997e139ba8397bad7d34b00a9d">
      <div class="header__dropdown__wrapper">
        <div class="header__dropdown__inner"><div class="header__grand…
How to fixAdd a tabindex to the element or ensure it has focusable semantics, such as using a native button element or adding an appropriate ARIA attribute to make it reachable by keyboard.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef YUR1BR

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.

Affected pagehttps://www.vitaglobe.com/
Elementdiv#sliderule-70679b95e426f274f1a5d7a6d7afb45c > div:nth-of-type(2) > div:nth-of-type(1) > div
Accessible nameGut Health
Rolebutton
Markup
<div class="sliderow" role="button" data-animates="2" data-animation="drawer-items-fade" data-animation-delay="250" data-animation-duration="500">
      <a class="sliderow__title" href="/collections/gut-health">Gut Health</a>
    </div>
How to fixAdd a tabindex attribute to the element or use a native HTML button element to ensure it can receive keyboard focus. Additionally, ensure that the element can be activated using the space or enter keys.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)49 instances5 affected pages
ComponentRef K55GVD

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

Affected pagehttps://www.vitaglobe.com/
Elementheader > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(1) > button
Accessible nameShow menu
Markup
<button class="header__mobile__hamburger" data-drawer-toggle="hamburger" aria-label="Show menu" aria-haspopup="true" aria-expanded="false" aria-controls="header-menu"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-menu" viewBox="0 0 24 24"><path d="M3 5h18M3 12h18M3 19h18" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
How to fixEnsure that the button is removed from the tab order when it is not visible, or make it visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by adjusting the CSS to make the button visible when focused.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef R1AJXT

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

Affected pagehttps://www.vitaglobe.com/
Elementdiv:nth-of-type(1) > header > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > a
Accessible nameVita Globe
Markup
<a class="header__logo__link" href="/" data-logo-link=""><figure class="logo__img logo__img--color image-wrapper lazy-image" style="--aspect-ratio: 4.0855263157894735;"><img src="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?crop=center&amp;height=88&amp;v=1717621913&amp;width=360" alt="Vita Globe" width="360" height="88" loading="eager" srcset="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=180 180w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=270 270w, //www.vitaglobe.com/cdn/shop/files…
How to fixTo fix this issue, ensure that all focusable elements are visible to the user, or remove them from the tab order if they are not meant to be interacted with. This can be achieved by setting the 'tabindex' attribute to '-1' or by using CSS to make the element invisible and unfocusable.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef FB2N9Q

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

Affected pagehttps://www.vitaglobe.com/
Elementbody#vita-globe-gummy-vitamins-amp-supplements-non-gmo-gluten-free > div:nth-of-type(5) > div:nth-of-type(2) > div:nth-of-type(2) > button:nth-of-type(1)
Accessible namePrevious
Markup
<button class="pswp__button pswp__button--arrow--left" title="Previous"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Previous</span>
      </button>
How to fixTo fix this issue, ensure that the button is either removed from the tab order when it's not visible or make it visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' when the button is hidden or by making the button visible when it receives focus using JavaScript or CSS.
Affected pages/ /pages/contact-us /policies/terms-of-service /cart
ComponentRef O7O6W9

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

Affected pagehttps://www.vitaglobe.com/
Elementbody#vita-globe-gummy-vitamins-amp-supplements-non-gmo-gluten-free > div:nth-of-type(5) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > button
Accessible nameClose (Esc)
Markup
<button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
How to fixEnsure that all interactive elements are visible when they receive keyboard focus, or remove them from the tab order if they are not intended to be interacted with. Consider using the 'display: none' or 'visibility: hidden' CSS properties to remove the element from the tab order when it is not visible.
Affected pages/ /pages/contact-us /policies/terms-of-service /cart
ComponentRef WDCWDB

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

Affected pagehttps://www.vitaglobe.com/
Elementcart-drawer#cart-drawer
Accessible nameUse coupon code WELCOME10 for 10% off your first order. Cart 0 :root { --FREE-SHIPPING-GRADIENT: radial-gradient(rgba(255, 154, 98, 1), rgba(255, 204, 75, 1) 100%); } Congratulations! Your order qualifies for free shipping You are $50 away from free shipping. No more products available for purchase Products Pair with Subtotal Free Check Out Shipping, taxes, and discount codes are calculated at checkout Your Cart is Empty Home Shop About Us Contact Us Certifications Partnerships Press
Markup
<cart-drawer class="drawer drawer--cart is-empty" id="cart-drawer" tabindex="0">
      <collapsible-elements class="drawer__inner" single="true" data-cart-drawer-inner="" data-scroll-lock-scrollable="">

        <div class="drawer__body" data-cart-drawer-body="" data-scroll-lock-scrollable=""><div class="cart-block" data-animation="cart-items-fade" data-animation-duration="500" data-animation-delay="250"><div class="cart__message drawer__message drawer__message--custom">
                        <p>Use coupon code <strong>WELCOME10</strong> for 10% off your first order.</p>
                    …
How to fixRemove the tabindex attribute or make the element visible when it receives focus, ensuring that the focus is always visible to sighted keyboard users.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card
ComponentRef MQ54XK

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Elementinput#Form-template--16993293926582__contact-4
Markup
<input type="checkbox" id="Form-template--16993293926582__contact-4" class="contactFormCheckbox" name="contact[this-is-urgent]" value="This is urgent">
How to fixTo fix this issue, ensure that any element that is not visible does not remain in the tab order. This can be achieved by setting the 'tabindex' attribute to '-1' or by removing the element from the DOM when it is not needed. Alternatively, make sure the element is visible when it receives focus.
Affected pages/pages/contact-us /products/gift-card
ComponentRef RP4Q19

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

Affected pagehttps://www.vitaglobe.com/
Elementsection#SectionBeforeAfter--template--16993293828278__section_before_after_zrkHRe > div > div:nth-of-type(2) > a
Accessible nameSHOP GUMMY POUCHES
Markup
<a class="btn btn--outline btn--black " href="/collections/pouches">
                    <span>SHOP GUMMY POUCHES</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow-right" viewBox="0 0 24 24"><path d="M6 12h12.5m0 0-6-6m6 6-6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg></a>
How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or by making the element visible when it receives focus. Alternatively, ensure that the element is properly hidden from screen readers by using 'display: none' or 'visibility: hidden' in CSS.
ComponentRef N6NGM

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

Affected pagehttps://www.vitaglobe.com/
Elementdiv > div:nth-of-type(1) > div:nth-of-type(2) > compare-images > div > input
Markup
<input class="compare__input" type="range" min="0" max="100" value="50" step="1" data-range-input="">
How to fixTo fix this issue, ensure that the element is removed from the tab order when it's not visible, or make it visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' when the element is hidden, or by adjusting the CSS to make the element visible when it has focus.
ComponentRef OXHQF5

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Elementdiv#shopify-block-ATFErWGpRb2hPWVBRZ__judge_me_reviews_preview_badge_dMNWeJ > div > div > span:nth-of-type(1)
Accessible nameSee all reviews
Rolebutton
Markup
<span class="jdgm-prev-badge__stars" data-score="0.00" tabindex="0" aria-label="See all reviews" role="button"> <span class="jdgm-star jdgm--off"></span><span class="jdgm-star jdgm--off"></span><span class="jdgm-star jdgm--off"></span><span class="jdgm-star jdgm--off"></span><span class="jdgm-star jdgm--off"></span> </span>
How to fixRemove the tabindex attribute or make the element visible when it receives focus, ensuring that all interactive elements are perceivable to sighted keyboard users.
High

Images lack text alternatives

WCAG 1.1.1 (A)15 instances5 affected pages
ComponentRef X6PI2J

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

Affected pagehttps://www.vitaglobe.com/
Elementimg[width="1066"][height="1600"][sizes="100vw"]
Markup
<img src="//www.vitaglobe.com/..." width="1066" height="1600" loading="lazy" srcset="//www.vitaglobe.com/..." sizes="100vw" class="is-loading">
How to fixAdd an 'alt' attribute to each informative image to provide a text description of the image's content or purpose. For decorative images, use an empty 'alt' attribute (alt="") to indicate they are not essential for understanding the content.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef W9Z763

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

Affected pagehttps://www.vitaglobe.com/
Element.ticker--animated.announcement__text[data-ticker-text=""]:nth-child(1) > .announcement__slide:nth-child(1) > .announcement__image > figure > img[height="133"][width="200"][sizes="100px"]
Markup
<img src="//www.vitaglobe.com/..." width="200" height="133" loading="lazy" srcset="//www.vitaglobe.com/..." sizes="100px" class=" is-loading ">
How to fixAdd an alt attribute to each informative image to provide a text description of the image content. For example, <img src="image.jpg" alt="Description of the image">. Decorative images should have an empty alt attribute (alt="") to indicate they are not essential for understanding the content.
ComponentRef H4ODZW

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

Affected pagehttps://www.vitaglobe.com/
Elementvideo[playsinline="playsinline"] > img
Markup
<img src="//www.vitaglobe.com/cdn/shop/files/preview_images/6a53dd411c9b44c793714d0906e4e4e8.thumbnail.0000000000_1085x.jpg?v=1722537561">
How to fixAdd an 'alt' attribute to the image with a brief description of its content or purpose. For example: <img src='...' alt='Brief description of the image'>. If the image is decorative, use an empty 'alt' attribute: <img src='...' alt=''>.
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)251 instances5 affected pages
ComponentRef SV45XH

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

Affected pagehttps://www.vitaglobe.com/
Element.AvadaJoy-Launcher__ButtonLabel
Accessible name💛 VITA POINTS
Markup
<p class="AvadaJoy-Launcher__ButtonLabel" style="color: rgb(255, 255, 255); white-space: nowrap;">💛 VITA POINTS</p>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as changing the background color or the text color to a darker or lighter shade.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef LDC4RP

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

Affected pagehttps://www.vitaglobe.com/
Element.btn--secondary.btn--solid[href$="all-products"] > span
Accessible nameSHOP NOW
Markup
<span>SHOP NOW</span>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio requirements. This can be achieved by changing the text or background color to have a sufficient contrast ratio.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef HOM443

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

Affected pagehttps://www.vitaglobe.com/
Element.header__desktop__buttons > .header__desktop__button--cta.header__desktop__button > .btn--small.btn--black[href$="all-products"] > span
Accessible nameSHOP NOW
Markup
<span>SHOP NOW</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef EBBBK1

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

Affected pagehttps://www.vitaglobe.com/
Element.child.menu__item:nth-child(5) > .navlink--toplevel.navlink[data-top-link=""] > .navtext
Accessible nameVITA LOLLI
Markup
<span class="navtext">VITA LOLLI</span>
How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 minimum contrast ratio thresholds.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef XZD517

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

Affected pagehttps://www.vitaglobe.com/
Element.toolbar__utility:nth-child(2) > .gift-card-link[href$="gift-card"]
Accessible nameGift Card
Markup
<a class="gift-card-link" href="/products/gift-card">Gift Card</a>
How to fixIncrease the contrast between the text color and background color of the 'Gift Card' link by using a color combination that meets the WCAG 2.1 minimum contrast ratio standards.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef CE30S2

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

Affected pagehttps://www.vitaglobe.com/
Element.navlink--toplevel[href$="all-products"][data-top-link=""] > .navtext
Accessible nameSHOP ALL
Markup
<span class="navtext">SHOP ALL</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements, which is 4.5:1 for normal text.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef AB7LHZ

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

Affected pagehttps://www.vitaglobe.com/
Element#email-input-newsletter-1
Accessible nameEmail
Markup
<input type="email" id="email-input-newsletter-1" class="field" placeholder="Email" aria-label="Email" autocorrect="off" autocapitalize="off" name="contact[email]" data-newsletter-field="" required="">
How to fixIncrease the contrast between the text color and background color of the email input field to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card
ComponentRef NJVICC

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

Affected pagehttps://www.vitaglobe.com/
Elementinput[type="text"]
Accessible nameName
Markup
<input type="text" name="contact[first_name]" class="field" aria-label="Name" placeholder="Name" value="">
How to fixIncrease the contrast between the text color and background color of the input field to meet the minimum contrast ratio thresholds as defined in WCAG 2.1 SC 1.4.3.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card
ComponentRef BBQ81O

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

Affected pagehttps://www.vitaglobe.com/
Elementh4
Accessible namesign up to our newsletter
Markup
<h4>sign up to our newsletter</h4>
How to fixIncrease the contrast between the text and background colors by adjusting the font color or background color to meet the minimum contrast ratio requirements.
Affected pages/ /pages/contact-us /policies/terms-of-service
ComponentRef 8Z7TFH

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

Affected pagehttps://www.vitaglobe.com/
Element.columns--1 > p
Accessible nameUnlock exclusive discounts, earn points, and enjoy sweet gummies.
Markup
<p>Unlock exclusive discounts, earn points, and enjoy sweet gummies.</p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add an outline to the text to improve readability.
Affected pages/ /policies/terms-of-service /products/gift-card
ComponentRef OIPUAR

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

Affected pagehttps://www.vitaglobe.com/
Elementa[href$="privacy"]
Markup
<a href="https://hcaptcha.com/privacy">Privacy Policy</a>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages/ /policies/terms-of-service /products/gift-card
ComponentRef 5BE7FZ

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.breadcrumbs > span:nth-child(3)
Accessible nameVita Globe Gift Card | Gummy Vitamins & Supplements
Markup
<span>Vita Globe Gift Card | Gummy Vitamins &amp; Supplements</span>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as using a darker or lighter shade.
ComponentRef E8RBKE

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.breadcrumbs > a[href="/"]
Accessible nameHome
Markup
<a href="/">Home</a>
How to fixIncrease the contrast between the text color and background color of the 'Home' link to meet the minimum contrast ratio thresholds.
ComponentRef GZH392

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

Affected pagehttps://www.vitaglobe.com/
Element.jdgm-carousel-number-of-reviews
Accessible namesee all reviews
Markup
<span style="" class="jdgm-carousel-number-of-reviews jdgm-carousel-number-of-reviews--verified" data-number-of-reviews="167">
How to fixIncrease the contrast between the text color and background color of the 'see all reviews' element to meet the WCAG 2.1 minimum contrast ratio thresholds.
ComponentRef CTEX1K

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

Affected pagehttps://www.vitaglobe.com/
Element.heading-size-7
Accessible nameYou've got Vita Globe mail.
Markup
<h2 class="hero__title heading-size-7" data-aos="hero" data-aos-anchor="#Newsletter--sections--16993294418102__section-newsletter" data-aos-order="1">You've got Vita Globe mail.</h2>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background overlay to improve readability.
Affected pages/ /pages/contact-us
ComponentRef V6ATS6

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

Affected pagehttps://www.vitaglobe.com/
Element#reel-feed-shadow_AUFd6N2V4Ry9MQ210Q__swipeup_reels_feed_UL4A4d,.SwipeUp-slide:nth-child(1) > .SwipeUp-slide-reel-product[title="View product at online store"] > .SwipeUp-slide-product-info > .SwipeUp-slide-product-name
Markup
<div class="SwipeUp-slide-product-name">
            Hydrolyzed Collagen Gummies – 60ct
          </div>
How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles, ensuring a minimum contrast ratio of 4.5:1 for normal text and 7:1 for larger text.
Affected pages/ /products/gift-card
ComponentRef 7QGRIP

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

Affected pagehttps://www.vitaglobe.com/cart
Elementh2
Accessible nameYou've got Vita Globe mail.
Markup
<h2 class="hero__title heading-size-7 aos-animate" data-aos="hero" data-aos-anchor="#Newsletter--sections--16993294418102__section-newsletter" data-aos-order="1">You've got Vita Globe mail.</h2>
How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles for the element with class 'hero__title' to ensure it meets the minimum contrast ratio requirements.
Affected pages/policies/terms-of-service /cart
ComponentRef 8MTA05

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.hero__rte > p
Accessible nameUnlock exclusive discounts, earn points, and enjoy sweet gummies.
Markup
<p>Unlock exclusive discounts, earn points, and enjoy sweet gummies.</p>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to improve readability.
Affected pages/policies/terms-of-service /products/gift-card
ComponentRef FNDU9N

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

Affected pagehttps://www.vitaglobe.com/
Element#reel-feed-shadow_AUFd6N2V4Ry9MQ210Q__swipeup_reels_feed_UL4A4d,.SwipeUp-slide:nth-child(1) > .SwipeUp-slide-reel-product[title="View product at online store"] > .SwipeUp-slide-product-info > .SwipeUp-slide-product-price
Markup
<div class="SwipeUp-slide-product-price">
            $8.64
            <span class="SwipeUp-price-old"></span>
          </div>
How to fixIncrease the contrast between the text color and background color of the product price by using a color with a higher contrast ratio, such as a darker or lighter shade.
Affected pages/ /products/gift-card
ComponentRef EC5NCD

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

Affected pagehttps://www.vitaglobe.com/
Element.columns--1 > h3
Accessible namewellness starts here
Markup
<h3>wellness starts here</h3>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
Affected pages/ /cart
ComponentRef DWSXTR

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.hero__rte > h3
Accessible namewellness starts here
Markup
<h3>wellness starts here</h3>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
Affected pages/policies/terms-of-service /products/gift-card
ComponentRef BSL1P1

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

Affected pagehttps://www.vitaglobe.com/
Element.article__text-wrapper[data-aos-order="1"][data-aos="hero"] > .article__link > .btn--text.btn[aria-label="Read more"] > span
Accessible nameRead more
Markup
<span>Read more</span>
How to fixIncrease the contrast between the text color and its background by using a darker or lighter color for either the text or the background, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.
ComponentRef FEML7U

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

Affected pagehttps://www.vitaglobe.com/
Element#product-item--template--16993293828278__section_tab_collections_U4QLjb-8853445804214 > .product-information[data-product-information=""] > .product-item__info > .product-link > .product-item__price__holder > .product-item__price[data-product-price=""] > .price > .new-price > small
Accessible nameFrom
Markup
<small>From</small>
How to fixIncrease the contrast between the text color and the background color by adjusting either the text color, the background color, or both, to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
ComponentRef KM7GT5

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

Affected pagehttps://www.vitaglobe.com/
Element#product-item--template--16993293828278__section_tab_collections_U4QLjb-8853445804214 > .product-information[data-product-information=""] > .product-item__info > .product-link > .product-item__price__holder > .product-item__price[data-product-price=""] > .price > .new-price
Accessible nameFrom $23.98
Markup
<span class="new-price">
      
        <small>From</small>
      
$23.98
</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
ComponentRef XCQNTO

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

Affected pagehttps://www.vitaglobe.com/
Element#product-item--template--16993293828278__section_tab_collections_U4QLjb-8853445804214 > .product-information[data-product-information=""] > .product-item__info > .product-link > .product-item__title
Accessible nameSugar-Free Creatine Gummies - Sour Strawberry
Markup
<p class="product-item__title">Sugar-Free Creatine Gummies - Sour Strawberry</p>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef 9MDTTR

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

Affected pagehttps://www.vitaglobe.com/
Element.product-link[href$="vitamin-b-12"][data-product-link="/products/vitamin-b-12"] > .product-item__price__holder > .product-item__price[data-product-price=""] > .price > .new-price
Accessible name$7.60
Markup
<span class="new-price">
      
$7.60
</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 guidelines.
ComponentRef 54YWVF

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

Affected pagehttps://www.vitaglobe.com/
Element#product-item--template--16993293828278__section_collection_z7bCbt-7587499966646 > .product-information[data-product-information=""] > .product-item__info > .product-link > .product-title > .product-subtitle
Accessible nameSugar-Free ACV Gummies with The Mother - Vegan & Gluten-Free
Markup
<p class="product-subtitle">Sugar-Free ACV Gummies with The Mother - Vegan &amp; Gluten-Free</p>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef 3402LM

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

Affected pagehttps://www.vitaglobe.com/
Element.article__text-wrapper[data-aos-order="1"][data-aos="hero"] > .article__title.heading-size-4 > a
Accessible name5 Easy Ways to Improve Digestion Today
Markup
<a href="/blogs/body/5-easy-ways-to-improve-digestion-today" title="5 Easy Ways to Improve Digestion Today">
                5 Easy Ways to Improve Digestion Today
              </a>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef 594A98

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

Affected pagehttps://www.vitaglobe.com/
Element.article__text-wrapper[data-aos-order="1"][data-aos="hero"] > .article__excerpt
Accessible nameThe good news? You don’t need a complete lifestyle overhaul to start improving your digestion. Small, simple changes can make a big difference. Here are five easy ways to enhance...
Markup
<p class="article__excerpt">The good news? You don’t need a complete lifestyle overhaul to start improving your digestion. Small, simple changes can make a big difference. Here are five easy ways to enhance...</p>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
ComponentRef YM9LGN

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

Affected pagehttps://www.vitaglobe.com/cart
Elementa[href$="collections"]
Accessible nameShop
Markup
<a href="/collections" class="btn btn--outline btn--primary">Shop</a>
How to fixIncrease the contrast between the text color and background color of the 'Shop' button to meet the minimum contrast ratio thresholds.
ComponentRef YDGVUD

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

Affected pagehttps://www.vitaglobe.com/
Element#Collection--template--16993293828278__section_collection_z7bCbt > .grid-container > .grid__heading-holder.text-center > .grid__heading-text > .grid__heading.heading-size-5[data-aos-order="1"]
Accessible nameMEET OUR BEST SELLERS
Markup
<h2 class="grid__heading heading-size-5" data-aos="hero" data-aos-anchor="#Collection--template--16993293828278__section_collection_z7bCbt" data-aos-order="1">MEET OUR BEST SELLERS</h2>
How to fixIncrease the contrast between the text color and the background color by adjusting the CSS styles for the element with class 'grid__heading heading-size-5'. Ensure the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.
ComponentRef GX2KO9

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

Affected pagehttps://www.vitaglobe.com/
Element.product-link[href$="vitamin-b-12"][data-product-link="/products/vitamin-b-12"] > .product-item__title
Accessible nameVitamin B12 1,000mcg Gummies – 60ct
Markup
<p class="product-item__title">Vitamin B12 1,000mcg Gummies – 60ct</p>
How to fixIncrease the contrast between the text color and background color to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef KWFXV4

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

Affected pagehttps://www.vitaglobe.com/cart
Element.btn--outline.btn--primary[href="/"]
Accessible nameHome
Markup
<a href="/" class="btn btn--outline btn--primary">Home</a>
How to fixIncrease the contrast between the text color and background color of the link to meet the minimum contrast ratio requirements.
ComponentRef UJCD22

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

Affected pagehttps://www.vitaglobe.com/
Element.badge-box[data-aos-delay="100"][data-aos="fade"]
Accessible nameNew
Markup
<span class="badge-box aos-animate" data-aos="fade" data-aos-delay="100" data-aos-duration="800" data-aos-anchor="#product-item--template--16993293828278__section_tab_collections_U4QLjb-8853445804214">New
</span>
How to fixIncrease the contrast between the text color and background color of the 'New' badge by using a color with a higher contrast ratio, such as a darker or lighter shade.
ComponentRef TN8ISV

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Element#Newsletter--newsletter-1 > .form__legal > p[data-spam-detection-disclaimer=""] > a[href$="privacy"]
Accessible namePrivacy Policy
Markup
<a href="https://hcaptcha.com/privacy">Privacy Policy</a>
How to fixIncrease the contrast between the text color and background color of the 'Privacy Policy' link to meet the minimum contrast ratio thresholds.
ComponentRef 1IBR7N

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

Affected pagehttps://www.vitaglobe.com/
Element.subheading-size-3
Accessible name- Lisa Nicole Stewart, Verified Customer
Markup
<p class="hero__subheading subheading-size-3 block-padding" data-aos="hero" data-aos-anchor="#Rte--template--16993293828278__section_rich_text_RVUVAX" data-aos-order="3" style="--block-padding-bottom:16px;">
                  - Lisa Nicole Stewart, Verified Customer
                </p>
How to fixAdjust the text or background color to meet the minimum contrast ratio of 4.5:1 for normal text, as per WCAG 2.1 guidelines. Use a color contrast analyzer tool to find suitable color combinations.
ComponentRef 5UQVAK

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

Affected pagehttps://www.vitaglobe.com/
Element.heading-size-8.hero__title.aos-animate
Accessible nameIngredient inspired wellness, made delicious.
Markup
<h2 class="hero__title heading-size-8 aos-animate" data-aos="hero" data-aos-anchor="#Video--template--16993293828278__section_video_YUFMA6" data-aos-order="1">
          Ingredient inspired wellness, made delicious.
        </h2>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as changing the text color to a darker or lighter shade, or adding a background overlay with a higher contrast color.
ComponentRef 1I1BNB

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

Affected pagehttps://www.vitaglobe.com/
Element.section__description.body-size-2.font-body > p
Accessible nameNEW GUMMY POUCHES
Markup
<p>NEW GUMMY POUCHES</p>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. This can be achieved by using online tools to calculate and adjust the contrast ratio.
ComponentRef F6S3YR

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Elementspan[data-add-to-cart-text=""]
Accessible nameAdd to cart
Markup
<span class="btn__text" data-add-to-cart-text="">Add to cart</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
ComponentRef LT0C5I

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

Affected pagehttps://www.vitaglobe.com/
Element.body-size-4.font-body[data-aos-order="4"]
Accessible nameMaking mindful choices has never been this tasty.
Markup
<p class="hero__description body-size-4 font-body" data-aos="hero" data-aos-anchor="#Hero--template--16993293828278__section_hero_J7VcKC" data-aos-order="4">
                      Making mindful choices <br>has never been this tasty. <br>
<br>
                    </p>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient difference in lightness and saturation, or add a background overlay to improve readability.
ComponentRef X107JL

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

Affected pagehttps://www.vitaglobe.com/
Element.section__description.body-size-4.font-body > p
Accessible nameDelicious on-the-go convenience. Take your wellness, anywhere.
Markup
<p>Delicious on-the-go convenience. Take your wellness, anywhere. </p>
How to fixIncrease the contrast between the text and background colors by adjusting the font color or background color to meet the minimum contrast ratio of 4.5:1 for normal text.
ComponentRef 58JU9A

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

Affected pagehttps://www.vitaglobe.com/
Element.sale > .new-price
Accessible name$8.92
Markup
<span class="new-price">
      
$8.92
</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio requirements.
ComponentRef W3NBXY

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Element#Form-template--16993293926582__contact-5
Accessible name- Pick an option -Option oneOption twoOption threeOption fourOption five
Markup
<select id="Form-template--16993293926582__contact-5" class="contactFormSelect field" name="contact[select-an-option]">
How to fixIncrease the contrast between the text color and the background color of the select option dropdown by using a color with a higher contrast ratio, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef 8ELTWL

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

Affected pagehttps://www.vitaglobe.com/
Element.grid__heading-holder--inline > .grid__heading-text > .grid__heading.heading-size-5[data-aos-order="1"]
Accessible nameMerch
Markup
<h2 class="grid__heading heading-size-5" data-aos="hero" data-aos-anchor="#Collection--template--16993293828278__section_collection_UmJERw" data-aos-order="1">Merch</h2>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
ComponentRef MRKPZJ

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

Affected pagehttps://www.vitaglobe.com/
Element.body-size-3
Accessible namevita globe fitness supplement gummies line.
Markup
<p class="hero__description  body-size-3" data-aos="hero" data-aos-anchor="#Video--template--16993293828278__section_video_d9f3pJ" data-aos-order="2">
          vita globe fitness supplement gummies line.
        </p>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient lightness difference, or add a background image or overlay with a texture that provides sufficient contrast.
ComponentRef UEX6BE

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

Affected pagehttps://www.vitaglobe.com/
Element.heading-size-9.hero__title[data-aos-order="3"]
Accessible nameNow is the perfect time to enjoy wellness made simple.
Markup
<h2 class="hero__title heading-size-9" data-aos="hero" data-aos-anchor="#Hero--template--16993293828278__section_hero_J7VcKC" data-aos-order="3">
                    Now is the perfect time to enjoy wellness made simple.</h2>
How to fixIncrease the contrast between the text color and background color by adjusting the CSS styles, such as changing the text color or background color to meet the minimum contrast ratio thresholds as per WCAG 2.1 SC 1.4.3.
ComponentRef AYFLXH

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Element.body-size-2 > h3
Accessible namewellness starts here
Markup
<h3>wellness starts here</h3>
How to fixIncrease the contrast between the text and background colors by adjusting the font color or background color to meet the minimum contrast ratio requirements.
ComponentRef ITQQEH

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

Affected pagehttps://www.vitaglobe.com/
Element.heading-size-11
Accessible nameA Legacy of Wellness
Markup
<h2 class="hero__title heading-size-11" data-aos="hero" data-aos-anchor="#Video--template--16993293828278__section_video_twUVAR" data-aos-order="1">
          A Legacy of Wellness
        </h2>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background overlay to improve readability.
ComponentRef 3T0211

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

Affected pagehttps://www.vitaglobe.com/cart
Element.cart__empty__item.is-animated[data-animation-delay="500"] > .btn--outline.btn--primary.btn
Accessible namePress
Markup
<a href="https://ceoweekly.com/vita-globe-pioneering-high-quality-health-supplements/" class="btn btn--outline btn--primary">Press </a>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds. This can be achieved by changing the text color or background color to have a sufficient contrast ratio.
ComponentRef YYCFQH

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

Affected pagehttps://www.vitaglobe.com/
Element.backdrop--radial.hero__content--transparent.hero__content > .body-size-2.font-body.hero__description
Accessible name★★★★★ 2,000+ trusted reviews
Markup
<p class="hero__description body-size-2 font-body" data-aos="hero" data-aos-anchor="#Hero--template--16993293828278__section_hero_J7VcKC" data-aos-order="2">
                      ★★★★★ 2,000+ trusted reviews
<br> <br>
                    </p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background overlay to improve readability.
ComponentRef 5S2QAI

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

Affected pagehttps://www.vitaglobe.com/
Element.section__title
Accessible nameHello, Pouches!
Markup
<h2 class="section__title heading-size-8 block-padding" data-aos="hero" data-aos-order="2" data-aos-anchor="#SectionBeforeAfter--template--16993293828278__section_before_after_zrkHRe" style="--block-padding-bottom:16px;">
                  Hello, Pouches!
                </h2>
How to fixAdjust the color of the text or its background to achieve a contrast ratio that meets the WCAG 2.1 guidelines for minimum contrast, which is at least 4.5:1 for normal text.
ComponentRef D92PL8

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Element#Newsletter--newsletter-1 > .form__legal > p[data-spam-detection-disclaimer=""]
Accessible nameThis site is protected by hCaptcha and the hCaptcha Privacy Policy and Terms of Service apply.
Markup
<p data-spam-detection-disclaimer="">This site is protected by hCaptcha and the hCaptcha <a href="https://hcaptcha.com/privacy">Privacy Policy</a> and <a href="https://hcaptcha.com/terms">Terms of Service</a> apply.</p>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to improve readability.
ComponentRef N5WD9I

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

Affected pagehttps://www.vitaglobe.com/
Element.compare__buttons.desktop[data-aos-order="4"] > .btn--black.btn--outline[href$="pouches"] > span
Accessible nameSHOP GUMMY POUCHES
Markup
<span>SHOP GUMMY POUCHES</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
ComponentRef 0PTNF3

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

Affected pagehttps://www.vitaglobe.com/
Element.hero__rte.body-size-4.font-body > p
Accessible name" You all need to try their products. They are to the moon and back. Thank you for your kindness. We need more people like you in this world. "
Markup
<p>" You all need to try their products. They are to the moon and back. Thank you for your kindness. We need more people like you in this world. "</p>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, or add a background image or texture that does not interfere with the text readability.
ComponentRef 9Q98O7

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

Affected pagehttps://www.vitaglobe.com/
Element.grid__description > p
Accessible nameYour gummies on-the-go
Markup
<p>Your gummies on-the-go</p>
How to fixAdjust the background or text color to ensure the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast, which is at least 4.5:1 for normal text.
ComponentRef IJ3ADT

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.tab-link-1 > span
Accessible nameyour recently viewed:
Markup
<span>your recently viewed:
</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
ComponentRef EQMO5C

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.hero__title
Accessible nameYou've got Vita Globe mail.
Markup
<h2 class="hero__title heading-size-7" data-aos="hero" data-aos-anchor="#Newsletter--sections--16993294418102__section-newsletter" data-aos-order="1">You've got Vita Globe mail.</h2>
How to fixAdjust the background or text color to achieve a contrast ratio of at least 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef 5XBLSM

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

Affected pagehttps://www.vitaglobe.com/
Element.subheading-size-4
Accessible name★★★★★
Markup
<p class="hero__subheading subheading-size-4 block-padding" data-aos="hero" data-aos-anchor="#Rte--template--16993293828278__section_rich_text_RVUVAX" data-aos-order="1" style="--block-padding-bottom:16px;">
                  ★★★★★
                </p>
How to fixIncrease the contrast between the text and background colors by adjusting the CSS styles for the paragraph element, ensuring the contrast ratio meets the WCAG 2.1 guidelines.
ComponentRef ARKFVV

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.hero__rte > h4
Accessible namesign up to our newsletter
Markup
<h4>sign up to our newsletter</h4>
How to fixIncrease the contrast between the text color and the background color by adjusting the CSS styles for the element, ensuring the contrast ratio meets the WCAG 2.1 guidelines.
ComponentRef Q3GCH1

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

Affected pagehttps://www.vitaglobe.com/
Element.body-size-6
Accessible nameQuality Guaranteed.
Markup
<p class="hero__description  body-size-6" data-aos="hero" data-aos-anchor="#Video--template--16993293828278__section_video_twUVAR" data-aos-order="2">
          <br> Quality Guaranteed.
        </p>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background, or a more vibrant text color. Aim for a contrast ratio of at least 4.5:1 for normal text.
ComponentRef 6VLN8G

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Elementdiv[data-aos-order="8"] > .btn--solid.btn--primary[type="submit"]
Accessible nameSend
Markup
<button type="submit" class="btn btn--primary btn--solid btn--full">
          Send
        </button>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter background color, or a more vibrant text color.
ComponentRef 1KI4TB

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

Affected pagehttps://www.vitaglobe.com/pages/contact-us
Element.body-size-2 > p
Accessible nameUnlock exclusive discounts, earn points, and enjoy sweet gummies.
Markup
<p>Unlock exclusive discounts, earn points, and enjoy sweet gummies.</p>
How to fixIncrease the contrast between the text color and the background color by adjusting the CSS styles for the element, ensuring a minimum contrast ratio of 4.5:1 for normal text.
ComponentRef 2HWHV9

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

Affected pagehttps://www.vitaglobe.com/
Element.old-price
Accessible name$9.99
Markup
<span class="old-price">$9.99</span>
How to fixIncrease the contrast between the text color and its background by using a darker or lighter shade, or add an outline to improve readability.
ComponentRef 55567J

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

Affected pagehttps://www.vitaglobe.com/
Element#Video--template--16993293828278__section_video_d9f3pJ > .hero__content--transparent.hero__content > .heading-size-8.hero__title[data-aos-order="1"]
Accessible namefor every rep + every mile
Markup
<h2 class="hero__title heading-size-8" data-aos="hero" data-aos-anchor="#Video--template--16993293828278__section_video_d9f3pJ" data-aos-order="1">
          for every rep + every mile
        </h2>
How to fixAdjust the colors of the text and background to meet the minimum contrast ratio of 4.5:1 for normal text, as recommended by the Web Content Accessibility Guidelines (WCAG 2.1). This can be achieved by changing the CSS styles for the .hero__title class to use a color combination with sufficient contrast.
High

Interactive controls must not be nested

WCAG 4.1.2 (A)5 instances5 affected pages
ComponentRef VYLZG9

Interactive controls must not be nested

Affected pagehttps://www.vitaglobe.com/
Element.grandparent
Accessible nameSHOP ALL By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc
Rolebutton
Markup
<div class="menu__item  grandparent kids-2  " aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-d78f99997e139ba8397bad7d34b00a9d" aria-controls="dropdown-d78f99997e139ba8397bad7d34b00a9d" role="button">
How to fixEnsure that interactive controls are not nested inside one another. Instead, use a flat structure for interactive elements, or use a wrapper element that is not interactive.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)6 instances5 affected pages
ComponentRef KEOD96

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

Affected pagehttps://www.vitaglobe.com/
Elementheader > div:nth-of-type(2) > div:nth-of-type(2) > div > div:nth-of-type(2) > nav
Accessible nameSHOP ALL By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc BEST SELLERS POUCHES BUNDLES VITA LOLLI VITA MERCH VITA BLOG
Markup
<nav class="header__menu">

<div class="menu__item  grandparent kids-2  " aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-d78f99997e139ba8397bad7d34b00a9d" aria-controls="dropdown-d78f99997e139ba8397bad7d34b00a9d" role="button">
  <a href="/collections/all-products" data-top-link="" class="navlink navlink--toplevel">
    <span class="navtext">SHOP ALL</span>
  </a>
  
    <div class="header__dropdown" data-hover-disclosure="" id="dropdown-d78f99997e139ba8397bad7d34b00a9d">
      <div class="header__dropdown__wrapper">
        <div class="header__dropdown__inne…
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef B3HRLY

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Elementdiv > div > div > div > div:nth-of-type(1) > nav
Accessible nameHome   Vita Globe Gift Card | Gummy Vitamins & Supplements
Markup
<nav class="breadcrumbs breadcrumbs--no-padding product__breadcrumbs">
  <a href="/">Home</a>
  
  
  <span class="breadcrumbs__arrow">&nbsp;</span>


  


  <span>Vita Globe Gift Card | Gummy Vitamins &amp; Supplements</span>
</nav>
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name, allowing screen readers to announce the purpose of each navigation region.
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)4 instances4 affected pages
ComponentRef CONKTK

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

Affected pagehttps://www.vitaglobe.com/
Elementcart-drawer#cart-drawer > collapsible-elements > div:nth-of-type(1) > div:nth-of-type(1) > div > p
Accessible nameUse coupon code WELCOME10 for 10% off your first order.
Markup
<p>Use coupon code <strong>WELCOME10</strong> for 10% off your first order.</p>
How to fixWrap the content in a suitable landmark element (e.g., main, aside) to ensure it is reachable via landmark navigation. For example, <main>...</main> or <aside>...</aside>.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)6 instances5 affected pages
ComponentRef T31O5L

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

Affected pagehttps://www.vitaglobe.com/
Element.grandparent
Accessible nameSHOP ALL By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc
Rolebutton
Markup
<div class="menu__item  grandparent kids-2  " aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-d78f99997e139ba8397bad7d34b00a9d" aria-controls="dropdown-d78f99997e139ba8397bad7d34b00a9d" role="button">
How to fixVerify that the ID referenced by 'aria-controls' exists and is valid. Ensure all ARIA attributes conform to valid values as defined in the WAI-ARIA specification.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef R5KJEN

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

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element.select-popout__toggle
Accessible name1
Markup
<button type="button" class="select-popout__toggle" aria-expanded="false" aria-controls="template--16993294155958__main-select-quantity" aria-labelledby="template--16993294155958__main-select-quantity-label" data-popout-toggle="">
How to fixVerify that the id referenced in the aria-controls attribute exists and corresponds to a valid element. Ensure all ARIA attributes conform to valid values as per the WAI-ARIA specification.
Medium

<video> elements must have captions

WCAG 1.2.2 (A)1 instance1 affected page
ComponentRef ES0ISD

<video> elements must have captions

Affected pagehttps://www.vitaglobe.com/
Elementvideo[playsinline="playsinline"]
Markup
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//www.vitaglobe.com/cdn/shop/files/preview_images/6a53dd411c9b44c793714d0906e4e4e8.thumbnail.0000000000_1085x.jpg?v=1722537561">
How to fixAdd captions to the video element, either by providing a text track or by including an audio description.
Low

Low-quality alternative text

WCAG 1.1.1 (A)17 instances5 affected pages
ComponentRef XX4RX7

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

Affected pagehttps://www.vitaglobe.com/
Elementfooter > div > div > a > figure > img
Markup
<img src="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?crop=center&amp;height=73&amp;v=1717621913&amp;width=300" alt="Vita Globe" width="300" height="73" loading="lazy" srcset="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=150 150w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=300 300w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=450 450w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=2484 2484w" size…
How to fixReview the alt text for each image and update it to provide a clear and concise description of the image content. Ensure that each image has unique and descriptive alt text that accurately represents the image.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
ComponentRef 6JYDX8

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

Affected pagehttps://www.vitaglobe.com/
Elementdiv:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > a > figure:nth-of-type(1) > img
Markup
<img src="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?crop=center&amp;height=88&amp;v=1717621913&amp;width=360" alt="Vita Globe" width="360" height="88" loading="eager" srcset="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=180 180w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=270 270w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=360 360w, //www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=135 135w, //www…
How to fixUpdate the alt text for each image to provide a unique and descriptive text that accurately represents the content of the image.
Affected pages/ /pages/contact-us /policies/terms-of-service /products/gift-card /cart
Low

Page has no level-one heading

WCAG 1.3.1 (A)2 instances2 affected pages
ComponentRef S1LSEN

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

Affected pagehttps://www.vitaglobe.com/
Elementbody#vita-globe-gummy-vitamins-amp-supplements-non-gmo-gluten-free
Accessible nameSkip to content :root { --HEADER-HEIGHT: 113.0px; --HEADER-HEIGHT-MEDIUM: 104.0px; --HEADER-HEIGHT-MOBILE: 96.0px; --icon-add-cart: var(--ICON-ADD-BAG);} .theme__header { --PT: 15px; --PB: 15px; }.header__logo__link { --logo-padding: 24.476650563607087%; --logo-width-desktop: 180px; --logo-width-mobile: 135px; } Instagram Facebook TikTok Gift Card Search Search Clear SHOP NOW Account Cart 0 SHOP ALL By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc BEST SELLERS POUCHES BUNDLES VITA LOLLI VITA MERCH VITA BLOG SHOP NOW Account Search Search Clear Cart 0 SHOP ALL Show menu Exit menu SHOP ALL By Benefit Show menu Exit menu By Benefit Gut Health Weight + Fitness Immunity + Multivitamins Womens Health + Beauty Cognitive + Mood Sleep + Recovery Kid's Health Sugar Free Pouches Vegan By Ingredient Show menu Exit menu By Ingredient Apple Cider Vinegar Ashwagandha B Vitamins Vitamin C Vitamin D Biotin Collagen Elderberry Folic Acid Magnesium Melatonin Omega 3 Probiotics Zinc Mushroom Ashwagandha + Vitamin C & Zinc BEST SELLERS POUCHES BUNDLES VITA LOLLI VITA MERCH VITA BLOG Gift Card Instagram Facebook TikTok { "@context": "http://schema.org", "@type": "Organization", "name": "Vita Globe", "logo": "https:\/\/www.vitaglobe.com\/cdn\/shop\/files\/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913\u0026width=500", "sameAs": [ "", "https:\/\/www.facebook.com\/p\/Vita-Globe", "https:\/\/www.instagram.com\/vita.globe\/", "", "", "https:\/\/www.tiktok.com\/@vitaglobe", "", "", "", "", "" ], "url": "https:\/\/www.vitaglobe.com" } { "@context": "http://schema.org", "@type": "WebSite", "name": "Vita Globe", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/www.vitaglobe.com\/search?q={search_term_string}", "query-input": "required name=search_term_string" }, "url": "https:\/\/www.vitaglobe.com" } Use coupon code WELCOME10 for 10% off your first order. Cart 0 :root { --FREE-SHIPPING-GRADIENT: radial-gradient(rgba(255, 154, 98, 1), rgba(255, 204, 75, 1) 100%); } Congratulations! Your order qualifies for free shipping You are $50 away from free shipping. No more products available for purchase Products Pair with Subtotal Free Check Out Shipping, taxes, and discount codes are calculated at checkout Your Cart is Empty Home Shop About Us …[truncated by Evolize: exceeded D1 value limit]
Markup
<body id="vita-globe-gummy-vitamins-amp-supplements-non-gmo-gluten-free" class="template-index grid-classic aos-initialized has-header-transparent has-first-section-overlay-header has-header-sticky is-loaded" data-animations="true"><div id="Avada-Joy-modal"></div><script async="true" src="https://d1639lhkj5l89m.cloudfront.net/js/storefront/uppromote.js"></script><div class="loading"><div class="loading__image__holder">
        <img src="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHITE_BLACK_V1.png?v=1717621913&amp;width=200" alt="" srcset="//www.vitaglobe.com/cdn/shop/files/VG_LOGOMARK_WHI…
How to fixAdd a level-one heading (h1) to the page that accurately reflects its main topic or purpose. This heading should be the first heading on the page and should be descriptive and concise.
Affected pages/ /pages/contact-us
Low

Video may be missing captions

WCAG 1.2.2 (A)1 instance1 affected page
ComponentRef FW6CCJ

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

Affected pagehttps://www.vitaglobe.com/
Elementdiv > div > div:nth-of-type(1) > div > video-background > video
Markup
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" preload="metadata" poster="//www.vitaglobe.com/cdn/shop/files/preview_images/6a53dd411c9b44c793714d0906e4e4e8.thumbnail.0000000000_1085x.jpg?v=1722537561"><source src="//www.vitaglobe.com/cdn/shop/videos/c/vp/6a53dd411c9b44c793714d0906e4e4e8/6a53dd411c9b44c793714d0906e4e4e8.HD-1080p-7.2Mbps-32642418.mp4?v=0" type="video/mp4"><img src="//www.vitaglobe.com/cdn/shop/files/preview_images/6a53dd411c9b44c793714d0906e4e4e8.thumbnail.0000000000_1085x.jpg?v=1722537561"></video>
How to fixAdd captions or subtitles to the video, especially if it contains important audio information. This can be done by including a track element within the video element with the kind attribute set to 'captions' or 'subtitles'.
Low

<video> or <audio> elements must not play automatically

WCAG 1.4.2 (A)2 instances2 affected pages
ComponentRef 1SKAZL

<video> or <audio> elements must not play automatically

Affected pagehttps://www.vitaglobe.com/products/gift-card
Element#swipeup-viewer,.reel-video-full[preload="auto"][autoplay=""]
Markup
<video data-reelid="5510" class="reel-video-full swip..." src="https://cdn.shopify...." preload="auto" loading="lazy" autoplay="" playsinline="" loop="" tabindex="-1" role="button" aria-hidden="true" aria-label="Video. Press Space o...">
How to fixRemove the 'autoplay' attribute from the video element or replace it with a user-controlled playback mechanism, such as a play button.
ComponentRef X8GDOH

<video> or <audio> elements must not play automatically

Affected pagehttps://www.vitaglobe.com/
Element#swipeup-viewer,video[preload="auto"][data-reelid="46515"][autoplay=""]
Markup
<video data-reelid="46515" class="reel-video-full swip..." src="https://cdn.shopify...." preload="auto" loading="lazy" autoplay="" playsinline="" loop="" tabindex="-1" role="button" aria-hidden="true" aria-label="Video. Press Space o...">
How to fixRemove the 'autoplay' attribute from the video element or provide a clear way for users to pause or stop the video. Consider adding a play button that allows users to start the video when they are ready.

05 · Pages inspected

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.