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

Accessibility issues detected on thecalifornianaturals.com

Evolize inspected 5 public pages on thecalifornianaturals.com and detected 57 automatically identifiable accessibility findings.

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

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages
Most affected page/products/curl-shampoo33 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)22 detected findings

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

02 · Start here

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

  1. Critical

    Buttons have no accessible name

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

    Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

    Recommended action

    Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

    View technical evidence →
  2. Critical

    Links lack accessible text

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

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /products/curl-collection?variant=47436161155310.

    View technical evidence →
  3. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /.

    View technical evidence →
  4. Critical

    Dropdown menus have no accessible name

    WCAG 4.1.2 (A) · 1 inspected page · 1 instance
    Why this matters

    Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

    Recommended action

    Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

    View technical evidence →
  5. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 1 instance
    Why this matters

    Links expose no accessible name, so screen-reader users cannot determine their destination.

    Recommended action

    This link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to /.

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA2244 / 5
2.4.3Focus OrderA755 / 5
2.4.4Link Purpose (In Context)A655 / 5
1.3.1Info and RelationshipsA555 / 5
4.1.2Name, Role, ValueA522 / 5
1.2.2Captions (Prerecorded)A422 / 5
1.1.1Non-text ContentA322 / 5
3.3.2Labels or InstructionsA355 / 5
2.5.8Target Size (Minimum)AA211 / 5
2.1.1KeyboardA111 / 5
2.2.2Pause, Stop, HideA111 / 5
2.4.1Bypass BlocksA111 / 5
2.4.2Page TitledA155 / 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

Critical

Buttons have no accessible name

WCAG 4.1.2 (A)2 instances1 inspected page

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Why it matters

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Recommended correction

Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

View 2 affected elements
Component · Ref AU43IE
Affected pagehttps://thecalifornianaturals.com/
Element.ia-slideshow__control--prev
Markup
<button class="ia-slideshow__control ia-slideshow__control--prev ia-iconic-button js-ia-slideshow-prev">
Critical

Dropdown menus have no accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Why it matters

Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.

Recommended correction

Associate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.

View 1 affected element
Component · Ref HDIFSM
Affected pagehttps://thecalifornianaturals.com/pages/contact
Element#ContactForm-subject
Accessible nameSelect a subject Order issue Product question Wholesale inquiry Press or partnerships Other
Markup
<select id="ContactForm-subject" class="field__input" name="contact[subject]" required="">
High

Page has no title

WCAG 2.4.2 (A)5 instances5 inspected pages

The document has no <title>, so users cannot identify the page in tabs, history, or bookmarks.

Why it matters

The document has no <title>, so users cannot identify the page in tabs, history, or bookmarks.

Recommended correction

Add a unique, descriptive <title> element to the document head.

View 5 affected elements
Component · Ref WBF9DI
Affected pagehttps://thecalifornianaturals.com/
Elementhtml
Accessible name.shoplift-hide { opacity: 0 !important; } #preview-bar-iframe, #PBarNextFrameWrapper { display: none !important; } (function(rootPath, template, themeRole, themeId, isThemePreview){ /* Generated on 2026-09-08T19:31:45.7717971Z */(function(){"use strict";var te=document.createElement("style");te.textContent=`#shoplift-preview-control{position:fixed;max-width:332px;height:56px;background-color:#141414;z-index:9999;bottom:20px;display:flex;border-radius:8px;box-shadow:13px 22px 7px #0000,9px 14px 7px #00000003,5px 8px 6px #0000000d,2px 4px 4px #00000017,1px 1px 2px #0000001a,0 0 #0000001a;align-items:center;margin:0 auto;left:16px;right:16px;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s .4s}#shoplift-preview-control.visible{opacity:1;transform:translateY(0);visibility:visible;transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility 0s 0s}#shoplift-preview-control *{font-family:Inter,sans-serif;color:#fff;box-sizing:border-box;font-size:16px}#shoplift-preview-variant-title{font-weight:400;line-height:140%;font-size:16px;text-align:start;letter-spacing:-.16px;flex-grow:1;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}#shoplift-preview-variant-selector{position:relative;display:block;padding:6px 0;height:100%;min-width:0;flex:1 1 auto}#shoplift-preview-variant-menu-trigger{border:none;cursor:pointer;width:100%;background-color:transparent;padding:0 16px;border-left:1px solid #333;border-right:1px solid #333;height:100%;display:flex;align-items:center;justify-content:start;gap:8px}#shoplift-preview-variant-selector .menu-variant-label{width:24px;height:24px;border-radius:50%;padding:6px;display:flex;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-.12px;flex-shrink:0}#shoplift-preview-variant-selector .preview-variant-menu{position:absolute;bottom:110%;transform:translate3d(0,20px,0);visibility:hidden;pointer-events:none;opacity:0;cursor:pointer;background-color:#141414;border:1px solid #141414;border-radius:6px;width:100%;max-height:156px;overflow-y:auto;box-shadow:0 8px 16px #0003;z-index:1;transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s}#shoplift-preview-variant-selector .preview-variant-menu.preview-variant-menu__visible{visibility:visible;pointer-events:auto;opacity:100;transform:translateZ(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s 0s}@media screen and (max-width:400px){#shoplift-preview-variant-selector .preview-variant-menu{position:fixed;left:0;right:0;width:auto;bottom:110%}}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item{padding:12px 16px;display:flex;overflow:hidden}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item .menu-variant-label{margin-right:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item span{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap;color:#f6f6f6;font-size:14px;font-style:normal;font-weight:500}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:hover{background-color:#545454}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:last-of-type{border-bottom-left-radius:6px;border-bottom-right-radius:6px}#shoplift-preview-variant-selector .preview-variant-menu .preview-variant-menu--item:first-of-type{border-top-left-radius:6px;border-top-right-radius:6px}#shoplift-preview-control div:has(#shoplift-exit-preview-button){padding:0 16px}#shoplift-exit-preview-button{padding:6px 8px;font-weight:500;line-height:75%;border-radius:4px;background-color:transparent;border:none;text-decoration:none}#shoplift-exit-preview-button:hover{cursor:pointer;background-color:#333}#shoplift-preview-subscription-warning{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;margin:0 4px;border-left:1px solid #333;cursor:help;outline:none}#shoplift-preview-subscription-warning__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background-color:#f59e0b;color:#141414!important;font-weight:700;font-size:12px!important;line-height:1;flex-shrink:0}#shoplift-preview-subscription-warning__label{font-size:13px!important;font-weight:500;color:#fbbf24!important;text-wrap:nowrap;white-space:nowrap}#shoplift-preview-subscription-warning__tooltip{position:absolute;bottom:calc(100% + 8px);right:0;max-width:320px;width:max-content;padding:10px 12px;border-radius:6px;background-color:#1f1f1f;color:#fff!important;font-size:12px!important;line-height:1.4!important;box-shadow:0 8px 16px #0000004d;z-index:10000;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s .2s;pointer-events:none}#shoplift-preview-subscription-warning__tooltip.shoplift-preview-subscription-warning__tooltip--visible{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility 0s 0s}#shoplift-preview-subscription-warning:focus-visible{box-shadow:inset 0 0 0 2px #f59e0b;border-radius:4px}#shoplift-preview-control:has(#shoplift-preview-subscription-warning){max-width:480px}/*$vite$:1*/`,document.head.appendChild(te);var fe=" daum[ /]| deusu/|(?:^|[^g])news(?!sapphire)|(?<! channel/|google/)google(?!(?:wv|app|/google| pixel))|(?<! cu)bots?(?:\\b|_)|(?<!cam)scan|(?<!lib)http|24x7|;\\s\\w+;$|@[a-z][\\w-]+\\.|\\(\\)|\\.com\\b|\\b\\w+/1\\.0;|\\bbw/|\\bdlc\\b|\\bort/|\\bperl\\b|\\btime/|\\||^[<\\(;]|^[\\w \\.\\-\\(?:\\):%]+(?:/v?\\d+(?:\\.\\d+)?(?:\\.\\d{1,10})*?)?(?:,|$)|^[\\w\\-]+/[\\w]+$|^[^ ]{50,}$|^\\d+\\b|^\\w*search\\b|^\\w+/[\\w\\(\\)]*$|^\\w+/\\d\\.\\d\\s\\([\\w@]+\\)$|^active|^ad muncher|^amaya|^apache/|^avsdevicesdk/|^azure|^biglotron|^blackbox exporter|^bot|^clamav[ /]|^claude-code/|^client/|^cobweb/|^custom|^ddg[_-]android|^discourse|^dispatch/\\d|^downcast/|^duckduckgo|^email|^exodusmovement|^facebook|^getright/|^gozilla/|^hobbit|^hotzonu|^hwcdn/|^igetter/|^jeode/|^jetty/|^jigsaw|^microsoft bits|^movabletype|^mozilla/\\d\\.\\d\\s[\\w\\.-]+$|^mozilla/\\d\\.\\d\\s\\((?:compatible;)?(?:\\s?[\\w\\d-.]+\\/\\d+\\.\\d+)?\\)$|^navermailapp|^netsurf|^offline|^openai/|^owler|^php|^postman|^ps_daily/|^python|^rank|^read|^reed|^remove\\.bg/|^rest|^rss|^snapchat|^sora |^space bison|^stape/|^svn|^swcd |^taringa|^thumbor/|^track|^w3c|^webbandit/|^webcopier|^wget|^whatsapp|^wordpress|^xenu link sleuth|^yahoo|^yandex|^zdm/\\d|^zoom marketplace/|abuse|advisor|agent\\b|analyzer|archive|ask jeeves/teoma|attracta|audit|bluecoat drtr|browsex|burpcollaborator|capture|catch|check\\b|checker|chrome-lighthouse|chromeframe|classifier|cloudflare|collapsify\\b|convertify|cookiehubverify/|crawl|cursor/|cypress/|dareboost|datanyze|dejaclick|detect|discovery|dmbrowser|download|exaleadcloudview|feed|firephp|foregenix|functionize|grab|hardenize\\b|headless|hotjar|httrack|hubspot marketing grader|ibisbrowser|infrawatch|insight|inspect|iplabel|java(?!;)|library|linkcheck|linktiger|mail\\.ru/|manager|manus-user/|marketgoo/|measure|monitor\\b|neustar wpm|node\\b|nutch|offbyone|openvas|optimize|pageburst|pagespeed|parser|phantomjs|pingdom|playwright|powermarks|preview|productfinder|prospectingstudio|proxy|ptst[ /]\\d|radar|readable/|retriever|rexx;|rigor|rss\\b|scrape|securityheaders|selenium|server|silktide|sindup/|sogou|sparkler/|speedcurve|spider|splash|statuscake|supercleaner|synapse|synthetic|testlocally|tools|torrent|transcoder|url|validator|virtuoso|wappalyzer|watchtowr|webglance|webkit2png|whatcms/|xtate/",ge=/bot|crawl|http|lighthouse|scan|search|spider/i,z;function me(){if(z instanceof RegExp)return z;try{z=new RegExp(fe,"i")}catch{z=ge}return z}var ye=a=>typeof a=="string"&&a!=="";function ve(a){return ye(a)&&me().tes…[truncated by Evolize: exceeded D1 value limit]
Markup
<html lang="en" style="--ia-header-height: 123px; --ia-header-bottom: 123.1875px; --ia-scrollbar-width: 0px;">
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
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 3J5T1L
Affected pagehttps://thecalifornianaturals.com/collections/upsell-products
Elementdiv#shopify-block-AM1A1V1RoMFlVeFQrS__mobile_search_block > div > div > button
Accessible nameOpen search
Markup
<button type="button" class="button--none js-offcanvas-trigger" data-drawer-name="search" aria-label="Open search"><svg width="18" height="22" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4692 7.00821C11.4439 1.03053 2.1827 0.0501207 1.857 6.53695C1.53707 12.916 10.2292 14.0825 11.8143 8.38228" stroke="currentColor" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.5375 19.1504C12.1227 16.6124 10.7052 14.0696 9.29138 11.5333" stroke="currentColor" stroke-width="2" stroke-miterlimit="1.5" stroke-linecap…
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref 3HGUIL
Affected pagehttps://thecalifornianaturals.com/cart
Elementdiv > div > div > div:nth-of-type(1) > div > input
Accessible nameSearch
Markup
<input type="text" name="search-drawer-query" class="search-drawer-app__input" placeholder="Search" aria-label="Search" value="">
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref 2A48VU
Affected pagehttps://thecalifornianaturals.com/collections/upsell-products
Elementdiv > div:nth-of-type(4) > ul > li:nth-of-type(1) > div > a
Accessible nameOn-The-Go Mini Travel KitOur all-time faves in travel-ready sizes
Markup
<a href="/products/on-the-go-mini-kit" class="search-drawer-card__link"><img class="search-drawer-card__image" src="//thecalifornianaturals.com/cdn/shop/files/DTC_MiniBestSellersBundles_ProductFront_withBkgd_cd7e803e-b94b-4689-b1c8-d8a047b2a6bb.png?v=1779478451&amp;width=600" alt="On-The-Go Mini Travel Kit" loading="lazy"><span class="search-drawer-card__title">On-The-Go Mini Travel Kit</span><span class="search-drawer-card__description">Our all-time faves in travel-ready sizes</span></a>
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref R5CSSS
Affected pagehttps://thecalifornianaturals.com/
Elementaside > div > div > div > div:nth-of-type(1) > button
Accessible nameClose search
Markup
<button type="button" class="button--none search-drawer-app__close js-offcanvas-close" aria-label="Close search"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M15 5L5 15M5 5l10 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref RO86Y0
Affected pagehttps://thecalifornianaturals.com/pages/contact
Elementdiv > div > div:nth-of-type(3) > ul > li:nth-of-type(3) > a
Accessible nameLip
Markup
<a href="/collections/lip">Lip</a>
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref WICFU
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Elementul > li:nth-of-type(1) > div > div > div > div
Accessible name4.7 Rated 4.7 out of 5 stars434Click to scroll to reviews
Rolebutton
Markup
<div tabindex="0" role="button" class="oke-is-clickable"><div class="oke-sr-rating"> 4.7 </div><div class="oke-sr-stars"><div class="oke-stars"><!----><div class="oke-stars-background"><svg height="15" viewBox="0 0 80.46666666666667 14" aria-hidden="true" role="none"><use x="0" href="#oke-star-empty"></use><use x="16.466666666666665" href="#oke-star-empty"></use><use x="32.93333333333333" href="#oke-star-empty"></use><use x="49.39999999999999" href="#oke-star-empty"></use><use x="65.86666666666666" href="#oke-star-empty"></use></svg></div><div class="oke-stars-foreground" style="width: 94.5568…
High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)8 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 8 affected elements
Component · Ref K891D0
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Elementform#newsletter-form > div > input
Markup
<input type="email" placeholder="YOUR EMAIL" name="email" required="" class="ia-input">
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Component · Ref YJXMJT
Affected pagehttps://thecalifornianaturals.com/pages/contact
Elementinput#ContactForm-name
Markup
<input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[name]" value="" placeholder="Name" required="">
Component · Ref 6CIG47
Affected pagehttps://thecalifornianaturals.com/pages/contact
Elementtextarea#ContactForm-body
Markup
<textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[body]" placeholder="Message" required=""></textarea>
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)4 instances4 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 4 affected elements
Component · Ref 27R9KM
Affected pagehttps://thecalifornianaturals.com/pages/contact
Elementhtml > body > div:nth-of-type(12) > div > div:nth-of-type(2)
Accessible namePOPUP Form
Roledialog
Markup
<div role="dialog" aria-modal="true" aria-label="POPUP Form" class="needsclick  kl-private-reset-css-Xuajs1" data-kl-scroll-locking-modal="true" style="display: flex; z-index: 90000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; justify-content: center; align-items: center; overflow: clip auto; background-color: rgba(20, 20, 20, 0.6); animation-timing-function: ease; animation-play-state: running; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; animation-duration: 0.35s; animation-name: klaviyo-fadein;"><div class="needsclick  kl-private-res…
Affected pages/ /collections/upsell-products /pages/contact /products/curl-shampoo
High

Images lack text alternatives

WCAG 1.1.1 (A)5 instances2 inspected pages

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 5 affected elements
Component · Ref 24XJOZ
Affected pagehttps://thecalifornianaturals.com/
Element.js-desktop-video > img
Markup
<img src="//thecalifornianaturals.com/cdn/shop/files/preview_images/0fe8b45af10a44cd91b49fddccf6fd80.thumbnail.0000000000_2880x.jpg?v=1763733053">
Affected pages/ /products/curl-shampoo
Component · Ref Q58AE9
Affected pagehttps://thecalifornianaturals.com/
Element#shopify-section-template--22178220671214__ia_slider_products_UkiNWn > .ia-slider-products.ia-kerning-normal > .ia-dynamic-background > .ia-vertical-spacing > div > .ia-gap-8.ia-gap-4-sm.ia-relative > .ia-slider-products__slider[data-centered-desktop="true"][data-centered-mobile="true"] > .ia-slider__slides.keen-slider[aria-label="Slider content"] > .is-active[aria-label="Slide 1 of "][aria-hidden="false"] > ia-product-card > .ia-product-card__images.ia-media.pl-parent > .ia-product-card__icon-badges > .ia-product-card__icon-badge[height="194"][width="160"]
Markup
<img src="//thecalifornianaturals.com/cdn/shop/files/test-variant-icon-badge.svg?v=1764782556&amp;width=160" srcset="//thecalifornianaturals.com/cdn/shop/files/test-variant-icon-badge.svg?v=1764782556&amp;width=160 160w" width="160" height="194" class="ia-product-card__icon-badge">
Component · Ref 2QHEYY
Affected pagehttps://thecalifornianaturals.com/
Element.is-active[aria-label="Slide 1 of 5"][aria-hidden="false"] > .ia-slider-videos__item.ia-relative > .ia-slider-videos__media.ia-video-wrapper.ia-ratio > video[playsinline="false"] > img
Markup
<img src="//thecalifornianaturals.com/cdn/shop/files/preview_images/b8636534ecca4acc9559124f04819c3f.thumbnail.0000000000_800x.jpg?v=1764729054">
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 VMS28W
Affected pagehttps://thecalifornianaturals.com/pages/contact
Elementsection#shopify-section-sections--22178221719790__announcement > style:nth-of-type(1)
Accessible name.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}
Markup
<style data-name="keen-slider.min.css">
    .keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-…
Affected pages/ /cart /collections/upsell-products /pages/contact /products/curl-shampoo
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)62 instances4 inspected pages

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

Why it matters

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

Recommended correction

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

View 62 affected elements
Component · Ref F0E6OQ
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviews-list-item:nth-child(7) > .oke-w-reviewMinimal > .oke-w-reviewMinimal-footer > .oke-w-review-helpful > .oke-helpful > .oke-helpful-label
Accessible nameWas this helpful?
Markup
<span class="oke-helpful-label">Was this helpful?</span>
Component · Ref 7AYZYY
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviews-list-item:nth-child(7) > .oke-w-reviewMinimal > .oke-w-reviewMinimal-head > .oke-w-reviewMinimal-date
Accessible name1 month ago
Markup
<div class="oke-w-reviewMinimal-date"> 1 month ago </div>
Component · Ref 98K7GY
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-recommendsModule-text
Accessible namewould recommend this product
Markup
<span class="oke-w-recommendsModule-text">would recommend this product</span>
Component · Ref CE3W51
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviews-count
Accessible name92 reviews
Markup
<div class="oke-w-reviews-count"> 92 reviews </div>
Component · Ref JKDKT0
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviewMinimal--featuredMedia > .oke-w-reviewMinimal-footer > .oke-w-review-helpful > .oke-helpful > .oke-helpful-label
Accessible nameWas this helpful?
Markup
<span class="oke-helpful-label">Was this helpful?</span>
Component · Ref W5IBUI
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-ratingAverageModule-count
Accessible nameBased on 92 reviews
Markup
<div class="oke-w-ratingAverageModule-count"> Based on 92 reviews </div>
Component · Ref BIRB5O
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviewMinimal--featuredMedia > .oke-w-reviewMinimal-head > .oke-w-reviewMinimal-date
Accessible name5 months ago
Markup
<div class="oke-w-reviewMinimal-date"> 5 months ago </div>
Component · Ref GHAP9B
Affected pagehttps://thecalifornianaturals.com/pages/contact
Element.button
Accessible nameSend message
Markup
<button type="submit" class="button">
        Send message
      </button>
Component · Ref 29D1R8
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-breakdownModule-distribution-label[aria-hidden="true"]:nth-child(5) > .oke-w-breakdownModule-distribution-label-number
Accessible name4
Markup
<span class="oke-w-breakdownModule-distribution-label-number"> 4 </span>
Component · Ref QW52WJ
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element#block-accordion_ex6Pkn > .ia-accordion--arrow.ia-main-product__accordion > .ia-accordion__header[data-toggle-accordion=""] > .ia-accordion-title.ia-subtitle
Accessible nameSHIPPING & RETURNS
Markup
<div class="ia-accordion-title ia-subtitle">SHIPPING &amp; RETURNS</div>
Component · Ref A02O6T
Affected pagehttps://thecalifornianaturals.com/
Element#ia-block-template--22178220671214__ia_hero_3GMf4h-title_nNzmbU > p
Accessible nameOwen Wilson
Markup
<p>Owen Wilson</p>
Component · Ref U9NYJU
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-breakdownModule-distribution-count[aria-hidden="true"]:nth-child(11)
Accessible name6
Markup
<div aria-hidden="true" class="oke-w-breakdownModule-distribution-count" style="grid-row: 3;"> 6 </div>
Component · Ref 1H9HAC
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element#oke-helpful-vote-counter-positive-07d94bad-4e73-40e8-b48b-8b8b81d0a2b2
Accessible nameYes, this review from Yvonne A. was helpful. 0 people voted yes
Markup
<span id="oke-helpful-vote-counter-positive-07d94bad-4e73-40e8-b48b-8b8b81d0a2b2" class="oke-helpful-vote-counter"><span class="oke-a11yText">Yes, this review from Yvonne A. was helpful.</span> 0 <span class="oke-a11yText">people voted yes</span></span>
Component · Ref 0T0AM7
Affected pagehttps://thecalifornianaturals.com/collections/upsell-products
Elementh1 > span
Accessible nameGET 10% OFF ON YOUR FIRST ORDER!
Markup
<span style="font-family: 'Elephant_Web', 'Arial Black', 'Arial Bold', Gadget, sans-serif; font-weight: 500; font-style: normal; font-size: 32px; color: rgb(0, 0, 0);">GET 10% OFF ON YOUR FIRST ORDER!</span>
Component · Ref 6AKHWB
Affected pagehttps://thecalifornianaturals.com/
Element.ia-slider__slide.keen-slider__slide[aria-label="Slide 2 of 3"] > .ia-slider-quotes-logos__text-logo
Accessible name@OPRAHDAILY
Markup
<div class="ia-slider-quotes-logos__text-logo">@OPRAHDAILY</div>
Component · Ref HXGHOA
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Elementdiv[aria-describedby="tooltip-584176"] > .oke-tag > div
Accessible nameIncentivized review
Markup
<div>Incentivized review</div>
Component · Ref 3WR1UW
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Elementbutton[data-sold-out-text="Out of stock"] > .ia-button__content > span
Accessible nameAdd to Cart
Markup
<span>
                  Add to Cart
                
</span>
Component · Ref TB30WI
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element#oke-sortSelect--reviews
Accessible nameSort
Markup
<select id="oke-sortSelect--reviews" aria-label="Sort" class="oke-sortSelect-sort oke-select">
Component · Ref L1VX1A
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-reviews-list-item:nth-child(1) > .oke-w-reviewMinimal > .oke-w-reviewMinimal-head > .oke-w-reviewMinimal-reviewer > .oke-w-reviewer > div:nth-child(2) > .oke-w-reviewer-identity > .oke-w-reviewer-name
Accessible nameKelley V.
Markup
<strong class="oke-w-reviewer-name"> Kelley V. </strong>
Component · Ref D42Y8D
Affected pagehttps://thecalifornianaturals.com/
Element.is-active.keen-slider__slide > .ia-slideshow__block > .ia-slideshow__content.ia-relative > .ia-slideshow__title.ia-h2
Accessible nameBest Seller Mini Kit
Markup
<h2 class="ia-slideshow__title ia-h2
" id="ia-block-template--22178220671214__ia_slideshow_MKRtdr-slide_4UfCGF">
        Best Seller Mini Kit
      </h2>
Component · Ref YVT2UL
Affected pagehttps://thecalifornianaturals.com/
Element.is-active.keen-slider__slide > .ia-slideshow__block > .ia-slideshow__top-trust-badge > .ia-slideshow__top-trust-badge-text
Accessible nameOver 2000 5-Star Customer Reviews
Markup
<span class="ia-slideshow__top-trust-badge-text">Over 2000 5-Star Customer Reviews</span>
Component · Ref 7ZR4OZ
Affected pagehttps://thecalifornianaturals.com/
Element.is-active.keen-slider__slide > .ia-slideshow__block > .ia-slideshow__content.ia-relative > .ia-slideshow__text.ia-custom-font-size.ia-font-secondary > p
Accessible nameYOU’RE ON THE MOVE. YOUR ROUTINE IS, TOO.
Markup
<p>YOU’RE ON THE MOVE. YOUR ROUTINE IS, TOO.</p>
Medium

<video> elements must have captions

WCAG 1.2.2 (A)3 instances2 inspected pages

<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 3 affected elements
Component · Ref JQLY5G
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.js-desktop-video
Markup
<video playsinline="playsinline" class="
    js-desktop-vide..." data_video="desktop" muted="muted" loop="loop" preload="metadata" poster="//thecalifornianatur...">
Affected pages/ /products/curl-shampoo
Component · Ref 5YC5M3
Affected pagehttps://thecalifornianaturals.com/
Element.is-active[aria-label="Slide 1 of 5"][aria-hidden="false"] > .ia-slider-videos__item.ia-relative > .ia-slider-videos__media.ia-video-wrapper.ia-ratio > video[playsinline="false"]
Markup
<video playsinline="false" preload="metadata" poster="//thecalifornianaturals.com/cdn/shop/files/preview_images/b8636534ecca4acc9559124f04819c3f.thumbnail.0000000000_800x.jpg?v=1764729054" loading="lazy">
Medium

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)14 instances1 inspected page

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 14 affected elements
Component · Ref VUBZA8
Affected pagehttps://thecalifornianaturals.com/
Elementdiv[aria-label="Slide 6 of "]
Accessible nameSlide 6 of
Rolegroup
Markup
<div class="ia-slider__slide keen-slider__slide" data-product-color="" role="group" aria-label="Slide 6 of " style="--ia-button-custom-bg: #ffffff; --ia-product-color: ; min-width: 351px; max-width: 351px; transform: translate3d(-1936.5px, 0px, 0px);" aria-hidden="true">
Component · Ref X3Q40E
Affected pagehttps://thecalifornianaturals.com/
Element#shopify-section-template--22178220671214__ia_slider_products_UkiNWn > .ia-slider-products.ia-kerning-normal > .ia-dynamic-background > .ia-vertical-spacing > div > .ia-gap-8.ia-gap-4-sm.ia-relative > .ia-slider-products__slider[data-centered-desktop="true"][data-centered-mobile="true"] > .ia-slider__slides.keen-slider[aria-label="Slider content"] > .ia-slider__slide[aria-label="Slide 3 of "][data-product-color=""]
Accessible nameSlide 3 of
Rolegroup
Markup
<div class="ia-slider__slide keen-slider__slide" data-product-color="" role="group" aria-label="Slide 3 of " style="--ia-button-custom-bg: #ffffff; --ia-product-color: ; min-width: 351px; max-width: 351px; transform: translate3d(568.5px, 0px, 0px);" aria-hidden="true">
Component · Ref CTPZQ3
Affected pagehttps://thecalifornianaturals.com/
Element.ia-slider-blocks__slider > .ia-gap-12.ia-gap-8-sm.ia-flex-col > .ia-slider__slides.keen-slider[aria-label="Slider content"] > .ia-slider__slide.keen-slider__slide[aria-label="Slide 3 of 5"]
Accessible nameSlide 3 of 5
Rolegroup
Markup
<div class="ia-slider__slide keen-slider__slide" role="group" aria-label="Slide 3 of 5" aria-hidden="true" style="min-width: 480px; max-width: 480px; transform: translate3d(0px, 0px, 0px);">
Low

Video may be missing captions

WCAG 1.2.2 (A)9 instances2 inspected pages

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 9 affected elements
Component · Ref CLLFPZ
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Elementia-video#video-template--22178221523182__ia_faq_cNbLQt > video:nth-of-type(1)
Markup
<video playsinline="playsinline" class="
    js-desktop-video ia-video__media ia-mobile-hidden
  " data_video="desktop" muted="muted" loop="loop" preload="metadata" poster="//thecalifornianaturals.com/cdn/shop/files/preview_images/276e24742f834e44b4868ff6f9a6a999.thumbnail.0000000000_2880x.jpg?v=1785342334"><source src="//thecalifornianaturals.com/cdn/shop/videos/c/vp/276e24742f834e44b4868ff6f9a6a999/276e24742f834e44b4868ff6f9a6a999.HD-1080p-7.2Mbps-90240235.mp4?v=0" type="video/mp4"><img src="//thecalifornianaturals.com/cdn/shop/files/preview_images/276e24742f834e44b4868ff6f9a6a999.thumbnail.…
Affected pages/ /products/curl-shampoo
Component · Ref C15ZY0
Affected pagehttps://thecalifornianaturals.com/
Elementdiv > div:nth-of-type(2) > div:nth-of-type(3) > div > div > video
Markup
<video playsinline="false" preload="metadata" poster="//thecalifornianaturals.com/cdn/shop/files/preview_images/1237c38b0b794225a699b7fbeebcd10d.thumbnail.0000000000_800x.jpg?v=1750183131" loading="lazy"><source src="//thecalifornianaturals.com/cdn/shop/videos/c/vp/1237c38b0b794225a699b7fbeebcd10d/1237c38b0b794225a699b7fbeebcd10d.HD-1080p-4.8Mbps-49567274.mp4?v=0" type="video/mp4"><img src="//thecalifornianaturals.com/cdn/shop/files/preview_images/1237c38b0b794225a699b7fbeebcd10d.thumbnail.0000000000_800x.jpg?v=1750183131"></video>
Low

Page has no level-one heading

WCAG 1.3.1 (A)1 instance1 inspected page

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

Why it matters

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

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 1 affected element
Component · Ref 3H2CLJ
Affected pagehttps://thecalifornianaturals.com/cart
Elementhtml > body
Accessible name.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap} :root{--ia-slider-progress-width: 100px;--ia-slider-progress-height: 4px;--ia-slider-progress-bg: rgba(213, 218, 203, 1);--ia-slider-progress-bg-light: rgba(235, 235, 235, 1);--ia-slider-progress-fill: #000;--ia-slider-progress-margin: 20px;--ia-slider-progress-transition: width .3s ease}.ia-slider{display:block;position:relative}.ia-slider-arrow{width:38px;height:38px;--size: 24px;min-width:unset;min-height:unset;background-color:transparent;color:var(--ia-color-foreground)}.ia-slider__progress{display:flex;justify-content:center;margin-top:var(--ia-slider-progress-margin)}.ia-slider__progress-bar{width:var(--ia-slider-progress-width);height:var(--ia-slider-progress-height);background-color:var(--ia-slider-progress-bg);border-radius:9999px;overflow:hidden;position:relative}.ia-color-scheme-dark .ia-slider__progress-bar{background-color:var(--ia-slider-progress-bg-light)}.ia-slider__progress-fill{height:100%;background-color:var(--ia-slider-progress-fill);border-radius:9999px;width:0%;transition:var(--ia-slider-progress-transition);position:relative}.ia-slider-videos .ia-slider__pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:24px}.ia-slider-videos .ia-slider__pagination-bullet{padding:6px;--size: 26px;border:0;background:none;cursor:pointer;color:#fff6ed}.ia-slider-videos .ia-slider__pagination-icon{height:auto;display:block}.ia-slider-videos .ia-slider__pagination-bullet.is-active{color:#000} /*# sourceMappingURL=/s/files/1/0720/9192/6766/t/78/assets/ia-slider.css.map?v=184011344858632930511788373259 */ import 'ia-slider' #shopify-section-sections--22178221719790__announcement { position: relative; } /* Figma bar spec; scoped by section id so `.color-*` from theme does not override */ #shopify-section-sections--22178221719790__announcement .ia-announcement { display: block; overflow: hidden; position: relative; text-align: center; background-color: var(--ia-color-announcement-bar-bg); color: var(--ia-color-base); } #shopify-section-sections--22178221719790__announcement .ia-announcement__slide { display: block; padding: 0.6875rem 1rem 0.75rem 1rem; } #shopify-section-sections--22178221719790__announcement .ia-announcement .ia-announcement__slide .ia-block-text { font-family: var(--ia-font-body), serif; font-size: var(--ia-text-md); font-style: normal; font-weight: 400; line-height: 1.2; letter-spacing: -0.03em; color: inherit; } #shopify-section-sections--22178221719790__announcement .ia-announcement__slide .ia-rte p { margin: 0; } #shopify-section-sections--22178221719790__announcement .ia-announcement__slide .ia-rte a { color: inherit; text-decoration: underline; } #shopify-section-sections--22178221719790__announcement .ia-announcement__slide .ia-text-lg { font-size: 18px; } Free shipping with orders of $40+ #shopify-section-sections--22178221719790__header { --ia-logo-width: 130px; } @media (max-width: 1023px) { #shopify-section-sections--22178221719790__header { --ia-logo-width: 130px; } } /* Reinforce theme color scheme (layout/theme.liquid `.color-*`) — replaces undefined --ia-color-*-rgb. */ #shopify-section-sections--22178221719790__header ia-header.ia-header { color: var(--colors-body); background-color: var(--colors-background); } .ia-header-section { position: sticky; top: 0; z-index: 998; } .ia-header { display: block; font-size: var(--ia-text-sm); border-bottom: 1px solid color-mix(in srgb, currentColor 22%, transparent); } .ia-header__container { display: flex; align-items: center; justify-content: space-between; } .ia-header__logo { position: absolute; left: center; left: 50%; top: 50%; transform: translate(-50%, -50%); width: var(--ia-logo-width); line-height: 0; color: inherit; } .ia-header__logo svg { width: 100%; height: auto; } .ia-header__menu { display: flex; gap: 0; align-items: center; height: 100%; } .ia-block-menu { margin-inline: -16px; } .ia-header-link-wrapper { height: 80px; padding-inline: 16px; display: flex; flex-direction: column; justify-content: center; } .ia-header-link { font-size: var(--ia-text-header-nav); letter-spacing: -0.03em; color: inherit; } .ia-header-link--with-leading-icon { display: inline-flex; align-items: center; gap: 8px; } .ia-header-link__leading-icon { display: flex; flex-shrink: 0; line-height: 0; color: inherit; margin-bottom: 4px; } .ia-header-link__leading-icon svg { display: block; width: 24px; height: 24px; } .ia-header-link-wrapper:hover > .ia-header-link, .ia-header-link:hover, .ia-header .ia-linklist__link:hover { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-skip-ink: auto; text-decoration-color: currentColor; text-decoration-thickness: 5%; text-underline-offset: .3em; text-underline-position: from-font; } .ia-header .ia-iconic-button { --size: 30px; --padding: 0; color: inherit; } .ia-header .ia-iconic-button svg { display: block; } .ia-header__secondary-area { display: flex; gap: 32px; margin-bottom: 4px; } .ia-header__cart-link { position: relative; display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; line-height: 1; } .ia-header__cart-link .ia-header__cart-icon { display: flex; flex-shrink: 0; } .ia-header__cart-link .ia-header__cart-icon svg { display: block; width: 24px; height: 24px; } /* Bag count typography (Figma); ink follows scheme except dark header preset uses palette gray */ .ia-header__cart-count { position: static; color: var(--colors-body); font-family: var(--ia-font-body), serif; font-size: var(--ia-text-header-nav); font-style: normal; font-weight: 400; line-height: 1.1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; } #shopify-section-sections--22178221719790__header .ia-header.color-inverse-header .ia-header__cart-count { color: var(--ia-color-palette-light-gray); } /* Mega Menu Dropdown */ .ia-header-menu-wrapper { display: flex; align-items: center; height: 100%; } .ia-mega-menu-dropdown { position: absolute; top: 100%; left: 0; width: 100%; background-color: #F7EBE2; color: var(--colors-body-inverse); border-top: 1px solid color-mix(in srgb, currentColor 22%, transparent); padding: 40px 0; visibility: hidden; opacity: 0; transition: opacity 0.2s ease, visibility 0.2s ease; z-index: 99; pointer-events: none; } .ia-header-link-wrapper:hover .ia-mega-menu-dropdown { visibility: visible; opacity: 1; pointer-events: auto; } .ia-mega-menu-dropdown__grid { display: grid; grid-template-columns: repeat(var(--ia-mega-menu-columns, 4), 1fr); gap: 28px; margin:…[truncated by Evolize: exceeded D1 value limit]
Markup
<body><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"></path></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="st…
Low

Touch targets are too small

WCAG 2.5.8 (AA)7 instances1 inspected page

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 7 affected elements
Component · Ref N2Q9GK
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.oke-w-breakdownModule-distribution-highlight.oke-is-clickable[role="button"]:nth-child(4)
Accessible nameTotal 5 star reviews: 61. Filter by 5 star reviews
Rolebutton
Markup
<div tabindex="0" role="button" aria-label="Total 5 star reviews: 61. Filter by 5 star reviews" class="oke-w-breakdownModule-distribution-highlight oke-is-clickable" style="grid-row: 1;"></div>
Component · Ref RKPQDD
Affected pagehttps://thecalifornianaturals.com/products/curl-shampoo
Element.ia-slider--scrollable > .ia-slider__pagination > .ia-slider__pagination-bullet[aria-label="Go to slide 2"][data-index="1"]
Accessible nameGo to slide 2
Markup
<button type="button" class="ia-slider__pagination-bullet ia-iconic-button" aria-label="Go to slide 2" data-index="1">

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.