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

Accessibility issues detected on kravebeauty.com

Evolize inspected 5 public pages on kravebeauty.com and detected 86 automatically identifiable accessibility findings.

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

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

Most widespread issueHidden elements can still receive keyboard focusDetected on 5 inspected pages
Most affected page/products/intro-kit54 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)62 detected findings

Is kravebeauty.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 kravebeauty.com and detected 86 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 "/products/intro-kit", where 54 findings were detected. The assessment identified findings mapped to 9 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

  1. High

    Hidden elements can still receive keyboard focus

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

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

    Recommended action

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

    View technical evidence →
  2. High

    Hidden elements can still receive keyboard focus

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

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

    Recommended action

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

    View technical evidence →
  3. High

    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 →
  4. High

    Images lack text alternatives

    WCAG 1.1.1 (A) · 1 inspected page · 2 instances
    Why this matters

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

    Recommended action

    Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

    View technical evidence →
  5. High

    Interactive controls are not keyboard-accessible

    WCAG 2.1.1 (A) · 1 inspected page · 1 instance
    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 →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA6255 / 5
2.5.8Target Size (Minimum)AA633 / 5
2.4.3Focus OrderA555 / 5
1.2.2Captions (Prerecorded)A411 / 5
1.3.1Info and RelationshipsA455 / 5
4.1.2Name, Role, ValueA355 / 5
1.1.1Non-text ContentA111 / 5
2.1.1KeyboardA111 / 5
3.3.2Labels or InstructionsA155 / 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 U1XS0L
Affected pagehttps://kravebeauty.com/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha
Elementheader#SiteHeader > div:nth-of-type(2) > div:nth-of-type(2) > a:nth-of-type(2)
Accessible nameRecycle Guide
Markup
<a href="/pages/recycling-guide" class="navlink navlink--icon navlink--recycle">
      <span class="visually-hidden">Recycle Guide</span>



<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.1709 11.2077L11.0116 4.55537C12.0064 2.83225 14.4935 2.83225 15.4884 4.55537L17.4087 7.88152L18.3689 9.5446" stroke="black"></path>
<path d="M11.3297 21.737H9.40934H5.56863C3.57895 21.737 2.3354 19.5831 3.33024 17.86L5.25059 14.5338L6.21077 12.8707" stroke="black"></path>
<path d="M19.3291 11.2077L20.2893 12.8707L21.2495 14.5338L23.1698 17.86C24.164…
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref RYSABW
Affected pagehttps://kravebeauty.com/cart
Elementnav#NavStandard > div:nth-of-type(1) > a:nth-of-type(3)
Accessible nameOpen cart
Markup
<a href="/cart" class="navlink navlink--icon cart__toggle cart__toggle cart__toggle--animation" aria-controls="cart-drawer" aria-expanded="false" data-focus-element="">
      <span class="visually-hidden">Open cart</span>
      


<svg width="23" height="21" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.803467" y="6.84561" width="20.8929" height="2.61316" stroke="black"></rect>
<path d="M11.2499 9.45877H6.62837M11.2499 9.45877H15.8714M11.2499 9.45877V20.1012M6.62837 9.45877H2.00684L2.5909 14.78L3.17496 20.1012H7.21243M6.62837 9.45877L7.21243 20.1012M15.8714 9.4…
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref Y8MSWV
Affected pagehttps://kravebeauty.com/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha
Elementdiv#shopify-section-location-based-popup > location-based-popup > div > button
Accessible nameClose modal
Markup
<button class="popup-content--close-btn-svg" aria-label="Close modal"><svg class="Icon Icon--close" role="presentation" viewBox="0 0 16 14">
        <path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
      </svg></button>
Affected pages/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /a/account/login
Component · Ref NAJMF1
Affected pagehttps://kravebeauty.com/products/intro-kit
Elementdiv#shopify-block-ARDZiZWNHY3dhUHlsV__okendo_star_rating_qMAJYF > div > div > div
Accessible name4.5 Rated 4.5 out of 5 stars3,564 ReviewsClick to scroll to reviews
Rolebutton
Markup
<div class="oke-is-clickable" tabindex="0" role="button"><div class="oke-sr-rating"> 4.5 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="18" viewBox="0 0 79.22222222222221 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.155555555555555" href="#oke-star-empty"></use><use x="32.31111111111111" href="#oke-star-empty"></use><use x="48.46666666666667" href="#oke-star-empty"></use><use x="64.62222222222222" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 90.7854…
Affected pages/ /products/intro-kit
Component · Ref E32ZIC
Affected pagehttps://kravebeauty.com/cart
Elementsection#Cart--template--19255852007499__main > div > form > div:nth-of-type(2) > div:nth-of-type(1) > a
Accessible nameContinue Shopping
Markup
<a href="/collections/all" class="btn btn--large" data-continue-shopping="">Continue Shopping</a>
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)5 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 5 affected elements
Component · Ref 2C5T99
Affected pagehttps://kravebeauty.com/a/account/login
Elementinput#country-filter-input
Rolecombobox
Markup
<input class="country-filter__input field__input" id="country-filter-input" type="search" name="country_filter" value="" placeholder="Search" role="combobox" aria-owns="country-results" aria-controls="country-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 0IWZX2
Affected pagehttps://kravebeauty.com/products/intro-kit
Elementsection#shopify-section-template--19255853744203__main > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2)
Accessible namePrevious slide
Rolebutton
Markup
<div class="input-icon-arrow input-icon-arrow-left--black swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-861b57bfc21c6ce9" aria-disabled="true"></div>
High

Images lack text alternatives

WCAG 1.1.1 (A)2 instances1 inspected page

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

Why it matters

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

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 2 affected elements
Component · Ref XZJ31V
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.pdp-icons:nth-child(5) > .metafield-file_reference[loading="lazy"]
Markup
<img src="//kravebeauty.com/cdn/shop/files/Dermatologist-Tested.png?v=1743427338" loading="lazy" class="metafield-file_reference">
High

Interactive controls must not be nested

WCAG 4.1.2 (A)1 instance1 inspected page

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref XPV9OJ
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.disclosure__button
Accessible nameUnited States (USD $)
Markup
<button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountry-country-results">
Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)10 instances5 inspected pages

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

Why it matters

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

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 10 affected elements
Component · Ref VK066B
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.kids-2
Accessible nameShop Shop All Bestsellers Duos & Kits Jumbos Subscribe & Save By Collection Cleansers Moisturizer Treatments SPF Lip The Labor Day Sale: 25% OffJumbos & Duos SHOP NOW → Coming Soon: The bounce your skin is missing JOIN THE WAITLIST →
Rolenavigation
Markup
<div class="menu__item grandparent kids-2 images-2" data-nav-item="" role="navigation" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-140f67950e660f0cd1729ca8ec8ebf7b" aria-controls="dropdown-140f67950e660f0cd1729ca8ec8ebf7b">
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref VK066A
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.kids-1
Accessible nameAbout About Our Story Product Philosophy Sustainability Journey Inclusivity FAQ KraveBeauty 101 READ BLOGS → Waste Not The Farm LEARN MORE → Slow Down Skincare LEARN MORE →
Rolenavigation
Markup
<div class="menu__item grandparent kids-1 images-3" data-nav-item="" role="navigation" aria-haspopup="true" aria-expanded="false" data-hover-disclosure-toggle="dropdown-57a63df4d5948fdfb5920aaf19cb4103" aria-controls="dropdown-57a63df4d5948fdfb5920aaf19cb4103">
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)226 instances5 inspected pages

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

Why it matters

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

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 226 affected elements
Component · Ref XCD352
Affected pagehttps://kravebeauty.com/
Element.footer_copyright > p
Accessible name© 2026 Krave Beauty, LLC. All Rights Reserved.
Markup
<p>© 2026 Krave Beauty, LLC. All Rights Reserved.</p>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref NAVURG
Affected pagehttps://kravebeauty.com/a/account/login
Element.footer_menu.footer-lists:nth-child(4) > h2
Accessible nameSOCIALS
Markup
<h2 class="h4">SOCIALS</h2>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref 98OYGX
Affected pagehttps://kravebeauty.com/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha
Element.ticker--animated.top-bar__text[data-ticker-text=""]:nth-child(1) > div[data-slide="text_VHVYeH"][data-slide-index="2"][data-block-id="text_VHVYeH"] > p > a > strong
Accessible nameBERRY
Markup
<strong>BERRY</strong>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref WZQFXB
Affected pagehttps://kravebeauty.com/a/account/login
Elementa[href$="shipping-and-returns"]
Accessible nameShipping & Returns
Markup
<a href="/pages/shipping-and-returns">Shipping &amp; Returns</a>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref 9DT263
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.social-text
Accessible nameInstagram
Markup
<span class="social-text desktop-only">Instagram</span>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref IJM23B
Affected pagehttps://kravebeauty.com/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha
Element.footer_legal > li:nth-child(3) > a
Accessible nameAccessibility Statement
Markup
<a href="https://kravebeauty.com/pages/accessibility-statement">Accessibility Statement</a>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref LC6J1C
Affected pagehttps://kravebeauty.com/blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha
Element.ticker--animated.top-bar__text[data-ticker-text=""]:nth-child(1) > div[data-slide="text_Fhezan"][data-slide-index="0"][data-block-id="text_Fhezan"] > p > a[title="Jumbos, Sets, & Duos"]
Accessible name25% OFF JUMBOS & DUOS
Markup
<a href="/collections/sets-kits-and-jumbos" title="Jumbos, Sets, &amp; Duos" tabindex="-1">25% OFF JUMBOS &amp; DUOS</a>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref QJNIHV
Affected pagehttps://kravebeauty.com/a/account/login
Element.tiktok > .desktop-only
Accessible nameTiktok
Markup
<span class="desktop-only">Tiktok</span>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref Z4SFS3
Affected pagehttps://kravebeauty.com/
Element.disclosure__button > span
Accessible nameUnited States (USD $)
Markup
<span>United States
        (USD
        $)
      </span>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref WM8KQX
Affected pagehttps://kravebeauty.com/
Elementli:nth-child(3) > a[href$="recycling-guide"]
Accessible nameRecycling Guide
Markup
<a href="/pages/recycling-guide">Recycling Guide</a>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref I2VM79
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.youtube > .desktop-only
Accessible nameYoutube
Markup
<span class="desktop-only">Youtube</span>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref C6XOSU
Affected pagehttps://kravebeauty.com/
Elementa[data-acsb-custom-trigger="true"]
Accessible nameAccessibility Adjustments
Rolebutton
Markup
<a href="#" data-acsb-custom-trigger="true" tabindex="0" role="button">Accessibility Adjustments</a>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref 2GHL5T
Affected pagehttps://kravebeauty.com/a/account/login
Element.h5
Accessible namePLUS SAVE 10% ON YOUR FIRST ORDER
Markup
<div class="h5">PLUS SAVE 10% ON YOUR FIRST ORDER</div>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /a/account/login /cart
Component · Ref 6FWFDD
Affected pagehttps://kravebeauty.com/a/account/login
Elementh3
Accessible nameBe the first to be in the know, y’know?
Markup
<h3>Be the first to be in the know, y’know?</h3>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /a/account/login /cart
Component · Ref 51YHVH
Affected pagehttps://kravebeauty.com/
Elementcsm-cookie-consent,#isense-cc-cookie-bar-text
Markup
<span id="isense-cc-cookie-bar-text" tabindex="-1" data-csm-description="true" class="a48BBEL2Cpzl0dxNZ7ji">
Affected pages/ /products/intro-kit /a/account/login /cart
Component · Ref I1QDG2
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.pdp-atc-wrapper > .pdp-atc-button[data-add-to-cart=""] > div[data-price=""] > .pdp-price-wrapper > .sale-price
Accessible name$48
Markup
<p class="sale-price">
                        
                          $48
                        
                      </p>
Component · Ref B7UNEH
Affected pagehttps://kravebeauty.com/
Elementdiv[aria-label="3 / 11"] > .custom-product-card > .cpc__contents > .cpc__custom-content.cpc__content > .cpc__custom-price > discounted-price
Accessible name$58
Markup
<discounted-price>$58

     </discounted-price>
Component · Ref FH4CLV
Affected pagehttps://kravebeauty.com/products/intro-kit
Element#product_form_6671551070283 > .btn--rounded.btn[data-add-to-cart=""] > .arrowDivider
Accessible name→
Markup
<span class="arrowDivider">→</span>
Affected pages/ /products/intro-kit
Component · Ref CFEI7D
Affected pagehttps://kravebeauty.com/
Elementswiper-slide[data-block-id="slide_47RaVK"] > .custom-product-card > .cpc__contents > .ProductForm[action="/cart/add"][enctype="multipart/form-data"] > .btn--rounded.btn[data-add-to-cart=""] > .arrowDivider
Accessible name→
Markup
<span class="arrowDivider">→</span>
Component · Ref AMA6WM
Affected pagehttps://kravebeauty.com/
Elementa[href$="oil-la-la"] > .cpc_featured-label
Accessible nameAcne-Prone Skin
Markup
<div class="cpc_featured-label"> Acne-Prone Skin</div>
Component · Ref 5BI39S
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.oke-w-breakdownModule-distribution-label[aria-hidden="true"]:nth-child(13) > .oke-w-breakdownModule-distribution-label-number
Accessible name2
Markup
<span class="oke-w-breakdownModule-distribution-label-number"> 2 </span>
Component · Ref OADMDD
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.pdp-icons:nth-child(4) > p
Accessible nameEssential Oil & Fragrance Free
Markup
<p>Essential Oil &amp; Fragrance Free</p>
Component · Ref 8RB8YR
Affected pagehttps://kravebeauty.com/
Elementswiper-slide[data-block-id="slide_np7yCt"] > .custom-product-card > .cpc__contents > .cpc__content > div > a[href$="great-barrier-relief"] > .font-bold.h4
Accessible nameGreat Barrier Relief
Markup
<div class="font-bold h4">Great Barrier Relief</div>
Component · Ref UN6WM6
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.oke-w-breakdownModule-distribution-count[aria-hidden="true"]:nth-child(19)
Accessible name141
Markup
<div aria-hidden="true" class="oke-w-breakdownModule-distribution-count" style="grid-row: 5;"> 141 </div>
Component · Ref NBB6BB
Affected pagehttps://kravebeauty.com/products/intro-kit
Elementdiv[data-tab-content="details"] > ul > li:nth-child(3) > span
Accessible nameHelps with: Simplifying your skincare routine when your skin is feeling overwhelmed.
Markup
<span style="font-weight: 400;"><strong>Helps with:</strong> Simplifying your skincare routine when your skin is feeling overwhelmed.</span>

Showing 25 representative examples · 37 more affected elements not shown

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 PPXW44
Affected pagehttps://kravebeauty.com/a/account/login
Elementdiv#Announcement--announcement-bar > div:nth-of-type(1) > p
Accessible nameThis site has limited support for your browser. We recommend switching to Edge, Chrome, Safari, or Firefox.
Markup
<p>This site has limited support for your browser. We recommend switching to Edge, Chrome, Safari, or Firefox.</p>
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)20 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 20 affected elements
Component · Ref QICSYJ
Affected pagehttps://kravebeauty.com/
Elementdiv#nav-drawer
Accessible nameClose Shop All Bestsellers Duos & Kits Jumbos Subscribe & Save By Collection See More Cleansers Moisturizer Treatments SPF Lip Build Your Own Bundle About The Labor Day Sale: 25% OffJumbos & Duos SHOP NOW → Coming Soon: The bounce your skin is missing JOIN THE WAITLIST → Search
Rolenavigation
Markup
<div id="nav-drawer" class="drawer drawer--left drawer--nav" role="navigation" style="--highlight: #ff5140;" data-drawer="">
  <div class="drawer__header"><button type="button" class="drawer__close-button" aria-controls="nav-drawer" data-drawer-toggle="">
      <span class="visually-hidden">Close</span><svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M2.41596 21.5331C7.27788 16.5732 12.1392 11.5648 16.9767 6.58035C18.4135 5.09455 19.8508 3.65721 21.2876 2.17141C22.2219 1.23713 20.7516 -0.23309 19.8174 0.701184C14.9555 5.66111 10.0941 10…
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Component · Ref QIE6V3
Affected pagehttps://kravebeauty.com/cart
Elementnav#NavStandard
Accessible nameOpen search bar Recycle Guide Open cart Open navigation menu Shop Shop All Bestsellers Duos & Kits Jumbos Subscribe & Save By Collection Cleansers Moisturizer Treatments SPF Lip The Labor Day Sale: 25% OffJumbos & Duos SHOP NOW → Coming Soon: The bounce your skin is missing JOIN THE WAITLIST → Bestsellers About About Our Story Product Philosophy Sustainability Journey Inclusivity FAQ KraveBeauty 101 READ BLOGS → Waste Not The Farm LEARN MORE → Slow Down Skincare LEARN MORE → Open search bar Build Your Own Bundle Recycle Guide My Account Open cart 0
Markup
<nav id="NavStandard" class="nav nav--default nav--weight-normal" data-nav="" style="--highlight: #ff5140;">
  <div class="menu__item menu__item--compress">
    <a href="/search" class="navlink navlink--icon" aria-label="Search" data-nav-search-open="">
      <span class="visually-hidden">Open search bar</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192"><path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63zM131.55 131.55L168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="ro…
Affected pages/ /blogs/kravebeauty-101/how-do-you-apply-kravebeauty-kale-lalu-yaha /products/intro-kit /a/account/login /cart
Medium

<video> elements must have captions

WCAG 1.2.2 (A)10 instances1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 10 affected elements
Component · Ref C23TP5
Affected pagehttps://kravebeauty.com/
Element#video-column_77b9MJ
Accessible nameBeet the sun
Markup
<video playsinline="playsinline" loop="loop" id="video-column_77b9MJ" class="social-video" title="Social media video" aria_label="Video content" preload="metadata" aria-label="Beet the sun" poster="//kravebeauty.com/cd..." loading="lazy">
Component · Ref 0OKY1T
Affected pagehttps://kravebeauty.com/
Elementvideo[width="1920"]
Markup
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" width="1920" height="920" preload="metadata" poster="//kravebeauty.com/cdn/shop/files/preview_images/febe88caced84a2ab719dc8ff0e8fe2a.thumbnail.0000000000_small.jpg?v=1787617907">
Low

Touch targets are too small

WCAG 2.5.8 (AA)12 instances3 inspected pages

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

Why it matters

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

Recommended correction

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

View 12 affected elements
Component · Ref W2PHYJ
Affected pagehttps://kravebeauty.com/products/intro-kit
Elementdiv[aria-label="Increase quantity"]
Accessible nameIncrease quantity
Rolebutton
Markup
<div data-increase="" role="button" tabindex="0" aria-label="Increase quantity">
                      +
                    </div>
Component · Ref XAM72R
Affected pagehttps://kravebeauty.com/
Elementspan[aria-label="Go to slide 2"]
Accessible nameGo to slide 2
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide 2"></span>
Component · Ref 76F5ZK
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.oke-w-breakdownModule-distribution-highlight.oke-is-clickable[role="button"]:nth-child(4)
Accessible nameTotal 5 star reviews: 2.7k. Filter by 5 star reviews
Rolebutton
Markup
<div tabindex="0" role="button" aria-label="Total 5 star reviews: 2.7k. Filter by 5 star reviews" class="oke-w-breakdownModule-distribution-highlight oke-is-clickable" style="grid-row: 1;"></div>
Component · Ref DI45EX
Affected pagehttps://kravebeauty.com/products/intro-kit
Element.disclosure__button > .input-icon-arrow-right[aria-label="Next slide"][role="button"]
Accessible nameNext slide
Rolebutton
Markup
<div class="input-icon-arrow-right" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-eaca306a33465b34"></div>
Component · Ref VNVIW2
Affected pagehttps://kravebeauty.com/
Element.swiper-pagination-bullet-active
Accessible nameGo to slide 1
Rolebutton
Markup
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span>
Component · Ref CIXCKF
Affected pagehttps://kravebeauty.com/a/account/login
Element.menu__item--icon.menu__item:nth-child(5) > .cart__toggle.cart__toggle--animation[href$="cart"]
Accessible nameOpen cart 0
Markup
<a href="/cart" class="navlink navlink--icon cart__toggle cart__toggle--animation" aria-controls="cart-drawer" aria-expanded="false" data-focus-element="" data-cart-drawer-toggle="">
Low

Video may be missing captions

WCAG 1.2.2 (A)11 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 11 affected elements
Component · Ref 58T7NB
Affected pagehttps://kravebeauty.com/
Elementvideo#video-column_hk4U7t
Accessible nameCommunity comes first
Markup
<video playsinline="playsinline" loop="loop" id="video-column_hk4U7t" class="social-video" title="Social media video" aria_label="Video content" preload="metadata" aria-label="Community comes first" poster="//kravebeauty.com/cdn/shop/files/preview_images/oll-community-ig-thumbnail_400x.jpg?v=1773953312" loading="lazy"><source src="//kravebeauty.com/cdn/shop/videos/c/vp/36fd7d8564b841ab9774d1395c4967b8/36fd7d8564b841ab9774d1395c4967b8.HD-1080p-2.5Mbps-78299256.mp4?v=0" type="video/mp4"><img alt="Community comes first" src="//kravebeauty.com/cdn/shop/files/preview_images/oll-community-ig-thumbna…
Component · Ref 2HV6G8
Affected pagehttps://kravebeauty.com/
Elementdiv#swiper-wrapper-249ef30be7125e710 > div:nth-of-type(3) > div > div:nth-of-type(2) > video
Markup
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" width="768" height="1024" preload="metadata" poster="//kravebeauty.com/cdn/shop/files/preview_images/9fd39c7d95084f6c8a532d79362e8a21.thumbnail.0000000000_small.jpg?v=1787617931"><source src="//kravebeauty.com/cdn/shop/videos/c/vp/9fd39c7d95084f6c8a532d79362e8a21/9fd39c7d95084f6c8a532d79362e8a21.HD-1080p-7.2Mbps-92507535.mp4?v=0" type="video/mp4"><img src="//kravebeauty.com/cdn/shop/files/preview_images/9fd39c7d95084f6c8a532d79362e8a21.thumbnail.0000000000_small.jpg?v=1787617931"></video>

05 · Most affected inspected pages

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

  • Publicly accessible surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
  • Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

ACTIVATE MONITORINGSEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.