Public accessibility assessment

Accessibility issues detected on leafandclay.co

Evolize inspected 5 public pages on leafandclay.co and detected 40 automatically identifiable accessibility findings.

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

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

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

Is leafandclay.co your website?

Keep this assessment current and get notified when new accessibility issues are detected.

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on leafandclay.co and detected 40 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 20 findings were detected. The assessment identified findings mapped to 8 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

  1. Critical

    Links lack accessible text

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

    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

    ARIA container is missing required child roles

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

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

    Recommended action

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

    View technical evidence →
  4. High

    Interactive controls are not keyboard-accessible

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

    Interactive controls are not keyboard-accessible

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

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA2144 / 5
2.4.3Focus OrderA755 / 5
1.3.1Info and RelationshipsA555 / 5
2.1.1KeyboardA455 / 5
3.3.2Labels or InstructionsA222 / 5
4.1.2Name, Role, ValueA211 / 5
2.2.2Pause, Stop, HideA155 / 5
2.4.4Link Purpose (In Context)A111 / 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.

04 · All detected findings

High

ARIA container is missing required child roles

WCAG 1.3.1 (A)5 instances5 inspected pages

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

Why it matters

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

Recommended correction

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

View 5 affected elements
Component · Ref 4ULXI7
Affected pagehttps://leafandclay.co/pages/contact-us
Element.thb-full-menu
Accessible nameSUCCULENTS & CACTIBUY IN BULKHOUSE PLANTSSALE
Rolemenubar
Markup
<ul class="thb-full-menu" role="menubar" data-meteor-mounted="true" data-meteor-platform="desktop">
Affected pages/ /account/login /products/aloe-blizzard /pages/contact-us /cart
High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)33 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 33 affected elements
Component · Ref WBFFMS
Affected pagehttps://leafandclay.co/account/login
Elementul#meteor-desktop-nav > li:nth-of-type(2) > a
Accessible nameBUY IN BULK
Rolemenuitem
Markup
<a href="/collections/variety-packs" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" class="Meteor-Navigation__Link__desktop" style="font-size: 16px; font-weight: 500; text-transform: none;">BUY IN BULK<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="width: 1em; height: 1em; display: inline-flex; flex-shrink: 0; vertical-align: middle; margin-left: 0.4em;"><path d="M10 14a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414l4.293 4.293 4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5a.997.997 0 0 1-.707.293z" fill="currentColor"><…
Affected pages/ /account/login /products/aloe-blizzard /pages/contact-us /cart
Component · Ref 7ND3WR
Affected pagehttps://leafandclay.co/
Elementdiv > div > featured-collection-list > div:nth-of-type(2) > div > a:nth-of-type(1)
Accessible namePet Friendly
Markup
<a href="/collections/pet-friendly" class="featured-collection-list--button active" style="opacity: 0;"><span class="h1-large">Pet Friendly</span></a>
Component · Ref TUJDGJ
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementdiv > div > div:nth-of-type(1) > div > div > button:nth-of-type(2)
Accessible nameNext Media
Markup
<button class="carousel-control-next active" type="button" aria-label="Next Media" tabindex="0"> <span class="carousel-control-next-icon" aria-hidden="true"> <svg aria-hidden="true" focusable="false" width="32" height="32" viewBox="0 0 39 38" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.6538 32.0121L13.4547 34.813L29.2788 18.9889L13.4547 3.16479L10.6538 5.96566L23.677 18.9889L10.6538 32.0121Z" fill="#475467"></path> </svg> </span> </button>
Component · Ref AZA61
Affected pagehttps://leafandclay.co/account/login
Elementdiv#recover > form > div:nth-of-type(2) > a
Accessible nameCancel
Markup
<a href="#login" class="text-button">
				        Cancel
				      </a>
Component · Ref 6Y0KPN
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementsection#shopify-section-template--17666406482098__main-product > div:nth-of-type(4) > div:nth-of-type(2) > div:nth-of-type(2) > button:nth-of-type(2)
Accessible nameNext (arrow right)
Markup
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 5.5H13" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.69995 1L14.2 5.5L9.69995 10" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

      </button>
Component · Ref 2V0JZM
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementdiv > div:nth-of-type(2) > div > div:nth-of-type(2) > p > a
Accessible namehere
Markup
<a href="https://leafandclay.co/pages/shipping-returns" title="Shipping &amp; Returns">here</a>
Component · Ref JR4LRI
Affected pagehttps://leafandclay.co/account/login
Elementinput#RecoverEmail
Markup
<input type="email" value="" name="email" id="RecoverEmail" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email address" class="full">
High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)2 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 2 affected elements
Component · Ref YFZA2D
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Element.cursor > .SA__rating
Accessible nameOverall rating 5.0 out of 5 stars
Markup
<span class="SA__rating" tabindex="0" aria-label="Overall rating 5.0 out of 5 stars">
Component · Ref REV7N3
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Element.SA__customer_rate
Accessible nameone hundred percent of customers rate this product 4- or 5-stars
Markup
<div class="SA__customer_rate" aria-label="one hundred percent of customers rate this product 4- or 5-stars"> <span class="SA__h3" style="color: #EB7100;">100%</span> <span> of customers rate this product 4- or 5-stars </span> </div>
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)10 instances1 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 10 affected elements
Component · Ref 3XZ3DO
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementdiv#sa-rating-bars > ul > li:nth-of-type(3) > div
Accessible namezero 4-star reviews, 0% of total reviews
Roleradio
Markup
<div class="SA__review_bar" role="radio" data-value="4" data-rating="4" data-label="4-star reviews" aria-checked="false" tabindex="-1" aria-label="zero 4-star reviews, 0% of total reviews"> <div class="SA__review_bar_label"> <span> 4 <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" width="16.542" height="15.731" viewBox="0 0 16.542 15.731"> <path d="M185.727,809.348l1.952,6.009H194l-5.111,3.714 1.952,6.009-5.111-3.714-5.111,3.714 1.952-6.009-5.111-3.714h6.318Z" transform="translate(-177.456 -809.348)" fill="#272727"></path> </svg> </span> </div> <div class="SA__revi…
Component · Ref O00EZD
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementspan#rating_2
Accessible name2 stars
Roleradio
Markup
<span id="rating_2" class="ratingStar sa-star-off" role="radio" aria-checked="false" tabindex="-1" aria-label="2 stars" data-rating="2" data-value="2" data-questionkey="rating" data-actualkey="rating"></span>
Component · Ref FFUX4K
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementdiv#CommentsQuestionSet > div > div:nth-of-type(4) > p > a
Accessible nameComment Guidelines
Markup
<a class="sm-inline comment-guideline-tooltip-link cursor-pointer" data-bs-custom-class="guide-tooltip" data-toggle="tooltip" data-bs-toggle="tooltip" data-placement="top" data-bs-placement="top" data-html="true" data-bs-html="true" data-bs-title="The comment section is a unique tool designed to help educate and inform future leafandclay.co customers about your personal shopping experience. You are welcome to share your experience, thoughts and comments whether good or bad, but we ask that you please be professional and courteous in doing so.<br/><br/> In general, comments should be relatively…
Medium

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)3 instances2 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 3 affected elements
Component · Ref 8L28SA
Affected pagehttps://leafandclay.co/account/login
Elementform#customer_login > div:nth-of-type(2) > input
Markup
<input type="password" name="customer[password]" class="full " value="" placeholder="Password">
Component · Ref 96G1L5
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementtextarea#feedback_box
Markup
<textarea class="experienceTextArea" name="feedbackBox" placeholder="Write your review here" rows="3" maxlength="10000" id="feedback_box" required=""></textarea>
Low

Text has insufficient colour contrast

WCAG 1.4.3 (AA)53 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 53 affected elements
Component · Ref 8Z95G4
Affected pagehttps://leafandclay.co/
Elementa[aria-label="Explore"] > span
Accessible nameExplore
Markup
<span>Explore</span>
Affected pages/ /products/aloe-blizzard
Component · Ref C0WGRU
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementquick-view[data-product-id="32427881934"] > .product-card--add-to-cart-text
Accessible nameChoose options
Markup
<span class="product-card--add-to-cart-text">Choose options</span>
Affected pages/ /products/aloe-blizzard
Component · Ref L89KLV
Affected pagehttps://leafandclay.co/
Element.truncated[data-review-index="2"][aria-hidden="false"] > .sa-rotating-slider-scrollable > .sa-rotating-slider-review > .sa-read-more
Accessible nameMore
Markup
<span class="sa-read-more">More</span>
Component · Ref EK2T8U
Affected pagehttps://leafandclay.co/
Elementbutton[data-product-id="47978347626674"] > .product-card--add-to-cart-text
Accessible nameAdd to cart
Markup
<span class="product-card--add-to-cart-text">Add to cart</span>
Component · Ref GCO9QK
Affected pagehttps://leafandclay.co/
Element.gallery__item:nth-child(1) > .aspect-ratio--square > .gallery__item-content.content-bottom-left > div > .h2
Accessible nameOur Story
Markup
<h4 class="h2">Our Story</h4>
Component · Ref LI6OPA
Affected pagehttps://leafandclay.co/
Element.truncated[data-review-index="1"][aria-hidden="false"] > .sa-rotating-slider-scrollable > .sa-rotating-slider-name > time[datetime="2026-09-05"] > span:nth-child(1)
Accessible nameSep 5, 2026
Markup
<span aria-hidden="true">Sep 5, 2026</span>
Component · Ref 291LCP
Affected pagehttps://leafandclay.co/
Element.truncated[data-review-index="3"][aria-hidden="false"] > .sa-rotating-slider-scrollable > .sa-rotating-slider-review > .clamped
Accessible nameTheir plants are of real quality and their packaging is very gentle on the plants. I have not been disappointed with any of my orders from Leaf and Clay.
Markup
<p class="clamped" style="-webkit-line-clamp: 4; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; max-height: 96px;">Their plants are of real quality and their packaging is very gentle on the plants. I have not been disappointed with any of my orders from Leaf and Clay.</p>
Component · Ref CVU9FA
Affected pagehttps://leafandclay.co/
Element.gallery__item:nth-child(1) > .aspect-ratio--square > .gallery__item-content.content-bottom-left > div > .subheading
Accessible nameHEY, FRIEND!
Markup
<p class="subheading">HEY, FRIEND!</p>
Component · Ref TTXMKY
Affected pagehttps://leafandclay.co/
Element.truncated.sa-slide[data-review-index="0"]:nth-child(5) > .sa-rotating-slider-scrollable > .sa-rotating-slider-name > .SA__customer_name[role="heading"][aria-level="4"]
Accessible nameDaniel P.
Roleheading
Markup
<span class="SA__customer_name" role="heading" aria-level="4">Daniel P.</span>
Component · Ref T24B45
Affected pagehttps://leafandclay.co/
Element.line-child > div > div:nth-child(1)
Accessible nameThe
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">The</div>
Component · Ref D9YN29
Affected pagehttps://leafandclay.co/
Element.gallery__item:nth-child(2) > .aspect-ratio--square > .gallery__item-content.content-bottom-left > div > p:nth-child(3)
Accessible nameLearn to care for a wide variety of plants from A-Z!
Markup
<p>Learn to care for a wide variety of plants from A-Z!</p>
Component · Ref LF8UVB
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementlabel:nth-child(3) > span
Accessible name2"
Markup
<span>2"</span>
Component · Ref DU6WL1
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementa[title="Home"]
Accessible nameHome
Markup
<a href="/" title="Home">Home</a>
Component · Ref JRJVRF
Affected pagehttps://leafandclay.co/
Elementdiv:nth-child(1) > .outline-text--true.scrolling-text--item:nth-child(2) > span
Accessible nameWeirdos
Markup
<span>Weirdos</span>
Component · Ref QDV47P
Affected pagehttps://leafandclay.co/cart
Element.button.accent2[href="/"] > span
Accessible nameContinue shopping
Markup
<span>Continue shopping</span>
Component · Ref 874RR5
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Element.breadcrumbs
Accessible namebreadcrumbs
Markup
<nav class="breadcrumbs" aria-label="breadcrumbs">
	  <a href="/" title="Home">Home</a>
	  
		
	  
	    <i>/</i>
	    Aloe 'Blizzard' USPP 21408
	  
	  
		
	  
		
		
	</nav>
Component · Ref QQB5R4
Affected pagehttps://leafandclay.co/
Element.sa-fix-slide-heading-small
Accessible name/ 5
Markup
<span class="sa-fix-slide-heading-small">/ 5</span>
Component · Ref JCPW05
Affected pagehttps://leafandclay.co/
Element.rotating-fix-slide-heading
Accessible name4.8/ 5
Markup
<div class="rotating-fix-slide-heading">4.8<span class="sa-fix-slide-heading-small">/ 5</span></div>
Component · Ref SGJDU0
Affected pagehttps://leafandclay.co/
Element.sa-verify-reviews
Accessible nameView 4,123 verified reviews on Shopper Approved certificate (opens in new tab)
Markup
<a tabindex="0" rel="noopener" aria-label="View 4,123 verified reviews on Shopper Approved certificate (opens in new tab)" class="sa-verify-reviews" href="https://www.shopperapproved.com/reviews/leafandclay.co/" target="_blank">
Component · Ref DHLTA7
Affected pagehttps://leafandclay.co/account/login
Element.field:nth-child(7) > .button.full[type="submit"] > span
Accessible nameSign in
Markup
<span>Sign in</span>
Component · Ref KWIEYZ
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Element.klaviyo-bis-trigger
Accessible nameNotify Me When Available
Markup
<a class="button klaviyo-bis-trigger" href="#" style="text-align: center; margin: 0px; width: auto;">Notify Me When Available</a>
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 D3DBFD
Affected pagehttps://leafandclay.co/account/login
Elementhtml > body
Accessible nameSkip to content Free Shipping on orders of $59+ SUCCULENTS & CACTIBUY IN BULKHOUSE PLANTSSALE Login <link href="//leafandclay.co/cdn/shop/t/81/assets/mobile-menu.css?v=59641187276197253891727904088" rel="stylesheet" type="text/css" media="all" /> SUCCULENTS & CACTIBUY IN BULKHOUSE PLANTSSALE Login 0 :root { --logo-height: 100px; --logo-height-mobile: 80px; } { "@context": "http://schema.org", "@type": "Organization", "name": "Leaf \u0026amp; Clay", "logo": "https:\/\/leafandclay.co\/cdn\/shop\/files\/Leaf_Clay_Badge.png?v=1710892975\u0026width=1000", "sameAs": [ "https:\/\/twitter.com\/leafandclay", "https:\/\/facebook.com\/leafandclay", "", "https:\/\/instagram.com\/leafandclay", "", "", "", "", "" ], "url": "https:\/\/leafandclay.co" } #shopify-section-sections--17666406973618__header .header {-webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: hsla(0, 0%, 100%, 0.5);} @media only screen and (min-width: 1068px) {#shopify-section-sections--17666406973618__header .logolink {margin: 20px 0; }} #shopify-section-sections--17666406973618__header .logolink {margin: 5px 0;} #shopify-section-sections--17666406973618__header .mobile-menu {display: none;} #shopify-section-sections--17666406973618__header .buddha-menu-item {font-family: DIN Next;} #shopify-section-sections--17666406973618__header .vertical-mega-menu > li.buddha-menu-item > a {padding: 15px;} @media only screen and (max-width: 500px) {#shopify-section-sections--17666406973618__header .buddha-menu-item {border-bottom: 1px solid #e2e2e2; }} Reset your password We will send you an email to reset your password Email address Submit Cancel Login If you have an account with us, please log in. Email address Password Sign in or await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); Don’t have an account? Create an account Forgot your password? Healthy Plants, Guaranteed For 30-Days #shopify-section-sections--17666406940850__rich_text_RcLYRw {border-top: 1px solid var(--color-border);} <link href="//leafandclay.co/cdn/shop/t/81/assets/footer.css?v=4404853368182863991727904087" rel="stylesheet" type="text/css" media="all" /> Facebook X Instagram Plantify Your Inbox Join our newsletter for exclusive offers + plant content! Email (function() { var js = document.createElement("script"); js.innerHTML = `function openshopperapproved(e) { var isIE = navigator.appName === "Microsoft Internet Explorer"; var windowHeight = screen.availHeight - 90; var windowWidth = window.innerWidth < 1400 ? 620 : 940; window.open(this.href, "shopperapproved", "location=" + (isIE ? "yes" : "no") + ",scrollbars=yes,width=" + windowWidth + ",height=" + windowHeight + ",menubar=no,toolbar=no"); e.stopPropagation?.(); return false; } document.querySelectorAll(".shopperlink").forEach(link => link.onclick = openshopperapproved);`; js.type = "text/javascript"; document.head.appendChild(js); var link = document.createElement('link'); link.rel = 'stylesheet'; link.type = 'text/css'; link.href = "//www.shopperapproved.com/svg-seal/458.css"; document.head.appendChild(link); })(); NEED HELP? Contact Us Shipping & Returns Refund Policy Affiliate Program Privacy Policy Copyright Policy Terms of Use Terms of Service Reviews Your privacy choices SUCCULENTS & CACTI All Succulents All Cacti Rare Varieties Weirdos Pastels Pet Friendly Succulents Variety Packs Best Sellers © 2026 Leaf & Clay, All rights reserved. Powered by Shopify #shopify-section-sections--17666406940850__footer .widget.widget--signup .thb-widget-title {font-weight: 800; letter-spacing: 0em; font-size: 2rem;} Cart Your cart is currently empty. Start Shopping Select options Search <link href="//leafandclay.co/cdn/shop/t/81/assets/product-grid.css?v=127176707977405438641727904088" rel="stylesheet" type="text/css" media="all" /> <link href="//leafandclay.co/cdn/shop/t/81/assets/predictive-search.css?v=96419726011263214711727904088" rel="stylesheet" type="text/css" media="all" /> gsap.defaults({ ease: Power4.easeOut }); gsap.config({ nullTargetWarn: false }); gsap.registerPlugin(ScrollTrigger); .SA__wrapper { z-index: inherit !important; } #product_just_stars .SA__review_widget_item .SA__total_reviews a { font-size: 13px; vertical-align: 2px; } #SA_review_wrapper .SA__review_widget .SA__review_widget_item .SA__review_content .SA__review_num_ratings span{ vertical-align: 1px; } #SA_review_wrapper .SA__review_widget .SA__review_widget_item .SA__review_content .SA__review_num_ratings span:last-child{ vertical-align: 1px; } @media only screen and (max-width: 576px) { #SA_review_wrapper .SA__customer_footer{ display:block !important; } #SA_review_wrapper .SA__customer_footer .SA__more_review{ display:block !important; } } .SA__wrapper .SA__more_review{ margin-bottom:20px; } #SA_review_wrapper .sa-widget-filter{ height:inherit !important; margin-bottom: inherit !important; } var klaviyo = klaviyo || []; klaviyo.init({ account: "Q4iwu2", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button", product_page_text_align: "center", product_page_margin: "0px", replace_anchor: true }, modal: { headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock."…[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="animations-true button-uppercase-true navigation-uppercase-false product-title-uppercase-true template-customers-login template-customers-login" style="">
	<a class="screen-reader-shortcut" href="#main-content">Skip to content</a>
	<div id="wrapper"><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--17666406973618__1713133249c3981e62" class="shopify-section shopify-section-group-header-group">



</div><div id="shopify-section-sections--17666406973618__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link …
Low

Navigation regions are not distinguishable

WCAG 1.3.1 (A)1 instance1 inspected page

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 1 affected element
Component · Ref 4YK5XX
Affected pagehttps://leafandclay.co/products/aloe-blizzard
Elementnav#mobile-menu
Accessible nameSUCCULENTS & CACTIBUY IN BULKHOUSE PLANTSSALE Login
Roledialog
Markup
<nav id="mobile-menu" class="mobile-menu-drawer" role="dialog" tabindex="-1">
	<div class="mobile-menu-drawer--inner" data-product-card-tracked="true"><ul class="mobile-menu" data-meteor-mounted="true" data-meteor-platform="mobile"><ul id="meteor-desktop-nav" role="menubar" aria-label="Main navigation" class="Meteor-DesktopNavigation" style="padding-top: 0px; padding-bottom: 0px; justify-content: flex-start; column-gap: 16px;"><li role="none" data-active-with-content="false"><a href="#" role="menuitem" tabindex="0" aria-haspopup="true" aria-expanded="false" class="Meteor-Navigation__Link__desk…

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.

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