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

Accessibility issues detected on us.balibodyco.com

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

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

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

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/40 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)18 detected findings

Is us.balibodyco.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 us.balibodyco.com and detected 54 accessibility findings. The most widespread issue was "Hidden elements can still receive keyboard focus", detected on 5 inspected pages. The most affected inspected page was "/", where 40 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. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 5 inspected pages · 25 instances
    Why this matters

    A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

    Recommended action

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

    View technical evidence →
  2. High

    Form fields use placeholder text as the only label

    WCAG 1.3.1 (A) · 5 inspected pages · 12 instances
    Why this matters

    Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

    Recommended action

    Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

    View technical evidence →
  3. High

    Hidden elements can still receive keyboard focus

    WCAG 2.4.3 (A) · 5 inspected pages · 11 instances
    Why this matters

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

    Recommended action

    Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.

    View technical evidence →
  4. High

    Form fields use placeholder text as the only label

    WCAG 1.3.1 (A) · 5 inspected pages · 10 instances
    Why this matters

    Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

    Recommended action

    Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

    View technical evidence →
  5. High

    Form fields use placeholder text as the only label

    WCAG 1.3.1 (A) · 5 inspected pages · 5 instances
    Why this matters

    Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

    Recommended action

    Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA1822 / 5
2.4.3Focus OrderA1455 / 5
2.1.1KeyboardA855 / 5
1.3.1Info and RelationshipsA655 / 5
4.1.2Name, Role, ValueA611 / 5
3.3.2Labels or InstructionsA355 / 5
1.2.2Captions (Prerecorded)A211 / 5
2.2.2Pause, Stop, HideA155 / 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

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 SKOOP2
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementdiv > div:nth-of-type(2) > div > div:nth-of-type(2) > div > a
Accessible nameMegaMenu 1200x778px Right c3f368d9 3db6 451c b5de feb2b75b4d18
Markup
<a class="link" href="https://us.balibodyco.com/products/face-tan-milk-self-tan-body-milk">
                                
                                
                                  <img class="p-center" src="//us.balibodyco.com/cdn/shop/files/MegaMenu_1200x778px_Right_c3f368d9-3db6-451c-b5de-feb2b75b4d18.png?v=1788488979" alt="MegaMenu 1200x778px Right c3f368d9 3db6 451c b5de feb2b75b4d18" width="2400" height="1556" loading="lazy">
                                
                                
                                  </a>
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref AYGIJU
Affected pagehttps://us.balibodyco.com/account/login
Elementdiv#modalTriggeredAuto > footer > button
Accessible nameNo, I'd like to stay here
Markup
<button class="close-modal dont-ask-again btn--text">No, I'd like to stay here</button>
Affected pages/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref UGPIRI
Affected pagehttps://us.balibodyco.com/account/login
Elementdiv#confirm-locale-modal > div > div > header > div > button
Markup
<button type="button" class="menu-button close-menu close-modal">
            <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 32 32">
  <path style="text-indent:0;text-align:start;line-height:normal;text-transform:none;block-progression:tb;-inkscape-font-specification:Bitstream Vera Sans" d="M7.219 5.781L5.78 7.22 14.563 16 5.78 24.781 7.22 26.22 16 17.437l8.781 8.782 1.438-1.438L17.437 16l8.782-8.781L24.78 5.78 16 14.563 7.219 5.78z" overflow="visible" font-family="Bitstream Vera Sans"></path>
</svg>

          </button>
Affected pages/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref OZCYD4
Affected pagehttps://us.balibodyco.com/
Elementa#StandardCardNoMediaLink-template--19371117740208__featured_collection-7786994139312
Accessible nameDeep Violet Express Self Tan
Markup
<a href="/products/deep-violet-one-hour-express-self-tanning-foam" id="StandardCardNoMediaLink-template--19371117740208__featured_collection-7786994139312" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19371117740208__featured_collection-7786994139312 NoMediaStandardBadge-template--19371117740208__featured_collection-7786994139312" title="Link to Deep Violet Express Self Tan">
                Deep Violet Express Self Tan
              </a>
Component · Ref S79OGU
Affected pagehttps://us.balibodyco.com/
Elementsection#shopify-section-template--19371117740208__slideshow_WwaUFR > slideshow-component > div:nth-of-type(2) > div > div > button:nth-of-type(1)
Accessible nameLoad slide 1 of 2
Markup
<button type="button" class="slider-counter__link slider-counter__link--dots link slider-counter__link--active" aria-label="Load slide 1 of 2" aria-controls="Slider-template--19371117740208__slideshow_WwaUFR" data-slide-id="Slide-template--19371117740208__slideshow_WwaUFR-1" aria-current="true"><span class="dot"></span></button>
Component · Ref XUELI0
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementdiv > div:nth-of-type(1) > div > div > h3 > a
Accessible nameHow to Maintain a Tan in Winter
Markup
<a href="/blogs/in-the-glow/how-to-maintain-a-tan-in-winter" class="full-unstyled-link">How to Maintain a Tan in Winter</a>
Component · Ref LQEUHO
Affected pagehttps://us.balibodyco.com/account/login
Elementdiv#shopify-section-template--19371117609136__main > div > div:nth-of-type(1) > form > button
Accessible nameSubmit
Markup
<button>
        Submit
      </button>
Component · Ref 68MK6A
Affected pagehttps://us.balibodyco.com/
Elementdiv#Banner-template--19371117740208__image_split_text_banner_bCAyMt > div:nth-of-type(3) > div > div:nth-of-type(3) > a
Accessible nameSHOP NOW
Markup
<a href="/products/face-tan-milk-self-tan-body-milk" class="button button--primary">SHOP NOW</a>
Component · Ref UNG4W6
Affected pagehttps://us.balibodyco.com/pages/sign-up
Elementdiv > div > section > ul > li:nth-of-type(2) > a
Accessible nameCanada
Markup
<a href="https://ca.balibodyco.com/" data-store-selector="CA">Canada</a>
Component · Ref NPTFUA
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementarticle > div:nth-of-type(2) > div:nth-of-type(3) > div > div > a
Accessible namePrevious
Markup
<a href="/blogs/the-bb-bible"><svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0.292893 7.29289C-0.0976315 7.68342 -0.0976314 8.31658 0.292894 8.70711L6.65686 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928933C7.68054 0.538408 7.04738 0.538408 6.65685 0.928933L0.292893 7.29289ZM13 7L1 7L1 9L13 9L13 7Z" fill="#303030"></path>
</svg>
Previous
          </a>
Component · Ref SJL129
Affected pagehttps://us.balibodyco.com/cart
Elementdiv#shopify-section-template--19371117183152__cart-items > cart-items > div:nth-of-type(1) > a
Accessible nameContinue shopping
Markup
<a href="/collections/all" class="underlined-link">Continue shopping</a>
Component · Ref K18X2W
Affected pagehttps://us.balibodyco.com/cart
Elementdiv > div > div > div:nth-of-type(1) > small > a
Accessible nameshipping
Markup
<a href="/policies/shipping-policy">shipping</a>
Component · Ref 7D8YAZ
Affected pagehttps://us.balibodyco.com/account/login
Elementinput#RecoverEmail
Markup
<input type="email" value="" name="email" id="RecoverEmail" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email">
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)49 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 49 affected elements
Component · Ref PD39QS
Affected pagehttps://us.balibodyco.com/
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="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <line x1="1" y1="1" x2="24" y2="1" stroke="#303030" stroke-width="2" stroke-linecap="round"></line>
  <line x1="1" y1="8" x2="24" y2="8" stroke="#303030" stroke-width="2" stroke-linecap="round"></line>
  <line x1="1" y1="15" x2="24" y2="15" stroke="#303030" stroke-width="2" stroke-…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref ONBD7X
Affected pagehttps://us.balibodyco.com/cart
Elementsummary#HeaderDrawer-self-tan
Accessible nameSelf Tan
Rolebutton
Markup
<summary id="HeaderDrawer-self-tan" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-self-tan">
                        Self Tan
                        
                          
                          
                        

<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12.7071 8.70711C13.0976 8.31658 13.0976 7.68342 12.7071 7.29289L6.34315 0.928932C5.95262 0.538407 5.31946 0.538407 4.92893 0.928932C4.53841 1.31946 4.53841 1.95262 4.92893 2.34…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref TTNEF0
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementsummary#HeaderMenu-shop-all
Accessible nameShop All
Rolebutton
Markup
<summary id="HeaderMenu-shop-all" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-1">
                <span title="Shop All">Shop All</span>
                
                  
                  
                

<svg class="icon icon-polygon" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3.46378 4.30262L-0.000313354 -1.76266e-05L6.92788 -1.80609e-05L3.46378 4.30262Z" fill="#303030"></path>
  <path d="M80.4641 4.5L77 0.197367L83.9282 0.197367L80.4641 4.5Z" fill="…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref EKNL8H
Affected pagehttps://us.balibodyco.com/pages/sign-up
Elementsticky-header > header > div > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup
<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
      <span>
        <svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg" class="modal__toggle-open icon icon-search">
  <circle cx="8.40314" cy="8.5" r="6.58871" transform="rotate(-45 8.40314 8.5)" stroke="#303030" stroke-width="2"></circle>
  <rect x="11.0386" y="14.0322" width="2.23258" height="8.9474" rx="1.11629" transform="rotate(-45 11.0386 14.0322)" fill="#303030"></rect>
</svg>

     …
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref TCLNMK
Affected pagehttps://us.balibodyco.com/cart
Elementdiv#CartDrawer-Overlay
Markup
<div id="CartDrawer-Overlay" class="cart-drawer__overlay" onclick="this.closest('cart-drawer').close()"></div>
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref JIRFXF
Affected pagehttps://us.balibodyco.com/cart
Elementdiv#dynamic-checkout-cart > shopify-accelerated-checkout-cart > div > ul > li:nth-of-type(1) > div
Rolebutton
Markup
<div class="wallet-cart-button wallet-cart-button__skeleton" role="button" disabled="" aria-hidden="true">&nbsp;</div>
Component · Ref N7TXR0
Affected pagehttps://us.balibodyco.com/
Elementswiper-container#template--19371117740208__curated_product_zHnVTD > div > div:nth-of-type(3)
Accessible namePrevious slide
Rolebutton
Markup
<div class="prev swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-c78e89f4342ce27f" aria-disabled="true"><svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M0.292893 7.29289C-0.0976315 7.68342 -0.0976314 8.31658 0.292894 8.70711L6.65686 15.0711C7.04738 15.4616 7.68054 15.4616 8.07107 15.0711C8.46159 14.6805 8.46159 14.0474 8.07107 13.6569L2.41421 8L8.07107 2.34315C8.46159 1.95262 8.46159 1.31946 8.07107 0.928933C7.68054 0.538408 7.04738 0.538408 6.65685 0.928933L0.292893 7.29289…
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 A1NHJC
Affected pagehttps://us.balibodyco.com/
Elementsticky-header > header > 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">
          <input type="hidden" name="type" value="product">
          <div class="search-modal__field">
            <input class="search__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)27 instances5 inspected pages

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 27 affected elements
Component · Ref 1XB81R
Affected pagehttps://us.balibodyco.com/
Elementform#FormFooterSignup > div:nth-of-type(1) > div > div:nth-of-type(1) > div:nth-of-type(1) > input
Markup
<input class="label-better" type="text" name="$first_name" placeholder="Your Name" required="">
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref K4J3XU
Affected pagehttps://us.balibodyco.com/
Elementinput#Search-In-Modal
Rolecombobox
Markup
<input class="search__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Find What You're Looking For" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref 10GMYT
Affected pagehttps://us.balibodyco.com/pages/sign-up
Elementdiv#link-search > predictive-search > form > div:nth-of-type(1) > input:nth-of-type(1)
Rolecombobox
Markup
<input class="search__input" id="" type="search" name="q" value="" placeholder="Find What You're Looking For" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
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 RLE70B
Affected pagehttps://us.balibodyco.com/cart
Elementdiv#Drawer-shipping > div > div:nth-of-type(1) > p
Accessible nameYou are $45.00 away from free standard shipping
Markup
<p>You are <span class="money">$45.00</span> away from free standard shipping</p>
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /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 O5CNMW
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementdiv#shopify-section-sections--19371119214768__header > sticky-header > header > nav
Accessible nameShop All Shop by Category Shop All New Self Tan Suncare Best Sellers Bundles Accessories Online Exclusives Sale Self Tan Mousse Lotion Serum Mist Aerosol Gradual Tan Face Tan Instant / Wash off Clear Accessories Shade Light Medium Dark Ultra Dark Suncare Tanning Oils SPF50 Face Value Sets Tan Finder DEEP VIOLET EXPRESS TRENDING NOW
Markup
<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list">
<li class=" item-has-megamenu "><header-menu>
            <details id="Details-HeaderMenu-1" class="mega-menu">
              <summary id="HeaderMenu-shop-all" class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-1">
                <span title="Shop All">Shop All</span>
                
                  
                  
                

<svg class="icon icon-polygon" width="8" height="5" viewBox="0 0 8 5" fill="none" xmlns="htt…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Component · Ref 6V9I0X
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Elementdiv#menu-drawer > div > div > nav:nth-of-type(1)
Accessible nameShop by Category Shop by Category Shop All New Self Tan Suncare Best Sellers Bundles Accessories Online Exclusives Sale Shop by Shade Shop by Shade Light Medium Dark Ultra Dark Self Tan Self Tan All Mousse Lotion Serum Mist Aerosol Gradual Tan Face Tan Instant / Wash Off Clear Accessories Suncare Suncare All Tanning Oils SPF50 Face Value Sets Tan Finder DEEP VIOLET EXPRESS TRENDING NOW
Markup
<nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list">
<li><details id="Details-menu-drawer-menu-item-1">
                      <summary id="HeaderDrawer-shop-by-category" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-shop-by-category">
                        Shop by Category
                        
                          
                          
                        

<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http:…
Affected pages/ /blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water /account/login /pages/sign-up /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)41 instances2 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 41 affected elements
Component · Ref 4DXW3W
Affected pagehttps://us.balibodyco.com/
Element.rich-text__text.rte.small-hide > p > strong:nth-child(1)
Accessible namebronzed skin perfection
Markup
<strong>bronzed skin perfection</strong>
Component · Ref EK2N8X
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Element#Blog-template--19371117117616__ed3276d7-bfb0-4cb8-b8f2-f385302f6778-2 > .article-card-wrapper.card-wrapper > .card.article-card.card--standard > .card__content > .sec.card__information > h3 > .full-unstyled-link
Accessible nameHow to Apply Self Tan Without Streaks: A Step-by-Step Guide
Markup
<a href="/blogs/in-the-glow/how-to-apply-self-tan-without-streaks-a-step-by-step-guide" class="full-unstyled-link">How to Apply Self Tan Without Streaks: A Step-by-Step Guide</a>
Component · Ref 6QRSIE
Affected pagehttps://us.balibodyco.com/
Elementspan[title="Value Sets"]
Accessible nameValue Sets
Markup
<span title="Value Sets">Value Sets</span>
Component · Ref 90BKU8
Affected pagehttps://us.balibodyco.com/
Elementbadge-product[data-variant-id="43741255729328"] > .badge-product_container > .badge-product_text.badge-product--background
Accessible nameback in stock
Markup
<span class="badge-product_text badge-product--background" style="--text-color: #ffffff;--style-color: #ad9987">back in stock</span>
Component · Ref U15VAC
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Element#SectionHeading-template--19371117117616__ed3276d7-bfb0-4cb8-b8f2-f385302f6778 > em
Accessible nameNews
Markup
<em>News</em>
Component · Ref G6L7UR
Affected pagehttps://us.balibodyco.com/
Element.button--default > .small-hide
Accessible nameSHOP NOW
Markup
<span class="small-hide">SHOP NOW</span>
Component · Ref FWJN0K
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Element.underlined-link
Accessible nameRead more
Markup
<a href="/blogs/in-the-glow" class="link underlined-link scroll-trigger animate--slide-in scroll-trigger--offscreen">
Component · Ref GCMLQK
Affected pagehttps://us.balibodyco.com/
Element.select-shade
Accessible nameSelect Shade
Markup
<button type="button" class="select-shade btn quick-add__submit button button--full-width button--secondary">
                        Select Shade
                      </button>
Component · Ref A013BG
Affected pagehttps://us.balibodyco.com/
Element.rich-text__text.rte.small-hide > p > span
Accessible namenever been easier
Markup
<span style="text-decoration:underline">never been easier</span>
Component · Ref BFB6LQ
Affected pagehttps://us.balibodyco.com/
Element.rich-text__text.rte.small-hide > p
Accessible nameYour ultimate destination for bronzed skin perfection. Bali Body Self Tan, Skincare & Suncare was carefully formulated to deliver a healthy, sun-kissed glow. With our expertise and dedication to quality, achieving bronzed radiance has never been easier.
Markup
<p>
Component · Ref 1Y9187
Affected pagehttps://us.balibodyco.com/blogs/the-bb-bible/add-to-cart-bali-body-face-tan-water
Element#SectionHeading-template--19371117117616__ed3276d7-bfb0-4cb8-b8f2-f385302f6778
Accessible nameRead The Latest News
Markup
<h2 id="SectionHeading-template--19371117117616__ed3276d7-bfb0-4cb8-b8f2-f385302f6778" class="blog__title inline-richtext section-heading scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="">
          Read The Latest <em>News</em>
        </h2>
Component · Ref 8GIDI5
Affected pagehttps://us.balibodyco.com/
Element#Slide-template--19371117740208__curated_product_zHnVTD-6 > .product-card-wrapper.card-wrapper[data-item-price="3100"] > .card.card--standard.card--media > .card__inner.color-background-2.ratio > .product-rating > .rating-count.caption > span:nth-child(2)
Accessible name(2003)
Markup
<span>(2003)</span>
Component · Ref 6ZMQ4W
Affected pagehttps://us.balibodyco.com/
Element.banner__heading--template--15223213359177__f522c4d7-e044-4b17-a6ac-e217b80fed7d-heading-1 > .small-hide > p > strong
Accessible nameSelf Tanning Mousses
Markup
<strong>Self Tanning Mousses</strong>
Component · Ref KEZGR4
Affected pagehttps://us.balibodyco.com/
Elementa[title="Self Tan"]
Accessible nameSkincare infused self tan
Markup
<a href="/collections/self-tan" title="Self Tan">Skincare infused self tan&nbsp;&nbsp;&nbsp;&nbsp;</a>
Component · Ref A8PZ81
Affected pagehttps://us.balibodyco.com/
Elementdiv[data-item-price="3300"] > .card.card--standard.card--media > .card__inner.color-background-2.ratio > .product-rating > .rating-count.caption > span:nth-child(2)
Accessible name(193)
Markup
<span>(193)</span>
Component · Ref IXLHUY
Affected pagehttps://us.balibodyco.com/
Element.section-template--19371117740208__tolstoy_carousel_with_nav_nqqHJD-padding > .tolstoy-carousel-wrapper.page-width > .section-tolstoy-title > .s-heading.h1.font-extrabold
Accessible nameNow Trending
Markup
<h2 class="s-heading h1 font-extrabold">Now <em>Trending</em></h2>
Component · Ref BIMJZM
Affected pagehttps://us.balibodyco.com/
Element.banner__text--template--15223213359177__f522c4d7-e044-4b17-a6ac-e217b80fed7d-text-1 > .small-hide > p
Accessible nameBronzed & glowing skin starts here. Meet ourlightweight mousses with a colour guide forstreak-free, natural looking colour that lasts.
Markup
<p>Bronzed &amp; glowing skin starts here.<strong> </strong>Meet our<br>lightweight mousses with a colour guide for<br>streak-free, natural looking colour that lasts.</p>
Component · Ref EBBMH8
Affected pagehttps://us.balibodyco.com/
Element.section-template--19371117740208__tolstoy_carousel_with_nav_nqqHJD-padding > .tolstoy-carousel-wrapper.page-width > .section-tolstoy-title > .s-heading.h1.font-extrabold > em
Accessible nameTrending
Markup
<em>Trending</em>
Medium

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)3 instances1 inspected page

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 3 affected elements
Component · Ref NG8L5V
Affected pagehttps://us.balibodyco.com/
Elementa[data-title="New"]
Accessible nameLink to New
Markup
<a class="button" data-handle="new" data-title="New" data-url="/collections/new" aria-label="Link to New">
                  New
                </a>
Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)5 instances1 inspected page

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements
Component · Ref S5YAO6
Affected pagehttps://us.balibodyco.com/
Element.swiper-slide[role="listitem"][data-cascade=""]:nth-child(3) > .product-card-wrapper.card-wrapper[data-item-price="3600"] > .card.card--standard.card--media > .card__content--wrapper.card__content > .card__information > .card__information-wrap > .card__information-col:nth-child(1) > .h5.product-item-title > .full-unstyled-link
Accessible nameDeep Violet Express Self Tan
Markup
<a href="/products/deep-viole..." id="CardLink-template--1..." class="full-unstyled-link" aria-labelledby="CardLink-template--1..." title="Link to Deep Violet ...">
Component · Ref MV0JI5
Affected pagehttps://us.balibodyco.com/
Element.swiper-slide[role="listitem"][data-cascade=""]:nth-child(3) > .product-card-wrapper.card-wrapper[data-item-price="3600"] > .card.card--standard.card--media > .card__content--wrapper.card__content > .quick-add.quick-add--true.no-js-hidden > product-form > .form[action="/cart/add"][accept-charset="UTF-8"] > .quick-add__submit[name="add"][data-sold-out-message="true"]
Accessible nameAdd to bag Sold out Deep Violet Express Self Tan
Markup
<button id="quick-add-template--..." type="submit" name="add" class="quick-add__submit bu..." aria-haspopup="dialog" aria-labelledby="quick-add-template--..." aria-live="polite" data-sold-out-messag...="true">
Component · Ref TY328A
Affected pagehttps://us.balibodyco.com/
Element.swiper-slide[role="listitem"][data-cascade=""]:nth-child(3) > .product-card-wrapper.card-wrapper[data-item-price="3600"] > .card.card--standard.card--media > .card__inner.color-background-2.ratio > .card__media--show-secondary-desktop.card__media--show-secondary-mobile.card__media > .full-unstyled-link[title="Link to Product"]
Accessible nameDeep Violet Express Self Tan
Markup
<a href="/products/deep-viole..." id="CardMediaLink-templa..." class="full-unstyled-link" title="Link to Product" aria-labelledby="CardMediaLink-templa...">
Component · Ref YJ4ZK8
Affected pagehttps://us.balibodyco.com/
Element.swiper-slide[role="listitem"][data-cascade=""]:nth-child(3) > .product-card-wrapper.card-wrapper[data-item-price="3600"] > .card.card--standard.card--media > .card__inner.color-background-2.ratio > .card__content > .card__information > .product-item-title > .full-unstyled-link
Accessible nameDeep Violet Express Self Tan
Markup
<a href="/products/deep-viole..." id="StandardCardNoMediaL..." class="full-unstyled-link" aria-labelledby="StandardCardNoMediaL..." title="Link to Deep Violet ...">
Component · Ref VAZ8SA
Affected pagehttps://us.balibodyco.com/
Element.swiper-slide[role="listitem"][data-cascade=""]:nth-child(3) > .product-card-wrapper.card-wrapper[data-item-price="3600"] > .card.card--standard.card--media > .card__content--wrapper.card__content > .card__information > .card__information-wrap > .card__information-col:nth-child(1) > .h5.product-item-title
Accessible nameDeep Violet Express Self Tan
Markup
<h3 class="product-item-title card__heading h5" id="title-template--19371117740208__featured_collection-7786994139312">
Low

Video may be missing captions

WCAG 1.2.2 (A)3 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 3 affected elements
Component · Ref Z71GIF
Affected pagehttps://us.balibodyco.com/
Elementdiv#Banner-template--19371117740208__image_split_banner_xBYFEN > div:nth-of-type(2) > div > video
Accessible name3de072a901ba4bedb23419623b9acbd3.thumbnail.0000000000 large
Markup
<video playsinline="true" preload="none" loop="loop" muted="muted" data-lazyvids="unloaded" poster="//us.balibodyco.com/cdn/shop/files/preview_images/3de072a901ba4bedb23419623b9acbd3.thumbnail.0000000000_large.jpg?v=1788327327" data-sources-deferred="true"><source type="video/mp4" data-deferred-src="//us.balibodyco.com/cdn/shop/videos/c/vp/3de072a901ba4bedb23419623b9acbd3/3de072a901ba4bedb23419623b9acbd3.HD-1080p-7.2Mbps-93250528.mp4?v=0"><img src="//us.balibodyco.com/cdn/shop/files/preview_images/3de072a901ba4bedb23419623b9acbd3.thumbnail.0000000000_large.jpg?v=1788327327" alt="3de072a901ba4b…
Component · Ref FIY5DV
Affected pagehttps://us.balibodyco.com/
Elementdiv#Slide-template--19371117740208__slideshow_WwaUFR-1 > div:nth-of-type(1) > video
Accessible name4e077cd919e74e50ba6613dc12c21319.thumbnail.0000000000 1100x
Markup
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" class="medium-hide large-up-hide" preload="metadata" poster="//us.balibodyco.com/cdn/shop/files/preview_images/4e077cd919e74e50ba6613dc12c21319.thumbnail.0000000000_1100x.jpg?v=1788327617"><source src="//us.balibodyco.com/cdn/shop/videos/c/vp/4e077cd919e74e50ba6613dc12c21319/4e077cd919e74e50ba6613dc12c21319.HD-1080p-7.2Mbps-93250800.mp4?v=0" type="video/mp4"><img src="//us.balibodyco.com/cdn/shop/files/preview_images/4e077cd919e74e50ba6613dc12c21319.thumbnail.0000000000_1100x.jpg?v=1788327617" alt="4e077cd919e74e50b…

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.