Public accessibility assessment

Accessibility issues detected on grownalchemist.com

Evolize inspected 5 public pages on grownalchemist.com and detected 46 automatically identifiable accessibility findings.

46Findings detected

9WCAG criteria affected

5Pages inspected

9 Sep 2026Assessment date

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages

Most affected page/33 findings detected

Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)9 detected findings

Is grownalchemist.com your website?

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

ACTIVATE MONITORING RUN A FREE ASSESSMENT

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on grownalchemist.com and detected 46 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/", where 33 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.

Critical
Links lack accessible text
WCAG 2.4.4 (A) · 1 inspected page · 6 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 /collections/skincare.
View technical evidence →
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 /en-eu.
View technical evidence →
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 →
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 →
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

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	9	5	5 / 5
2.1.1	Keyboard	A	9	5	5 / 5
4.1.2	Name, Role, Value	A	9	5	5 / 5
2.4.4	Link Purpose (In Context)	A	7	5	5 / 5
1.3.1	Info and Relationships	A	5	5	5 / 5
2.4.3	Focus Order	A	4	5	5 / 5
1.1.1	Non-text Content	A	3	4	4 / 5
2.2.2	Pause, Stop, Hide	A	1	4	4 / 5
3.3.2	Labels or Instructions	A	1	5	5 / 5

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

04 · All detected findings

Critical

Links lack accessible text

WCAG 2.4.4 (A)12 instances5 inspected pages

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

Why it matters

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

Recommended correction

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 /collections/skincare.

View 12 affected elements

Component · Ref KZ48E8

Affected pagehttps://grownalchemist.com/

Elementa[href$="holiday2025"]:nth-child(1)

Markup

<a href="/collections/holiday2025">
                        </a>

Component · Ref Y0FUC1

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref 3S1N1P

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Element.header__heading-link

Markup

<a href="/en-eu" class="header__heading-link link link--text focus-inset">

Component · Ref O8FR70

Affected pagehttps://grownalchemist.com/

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref QP4VDG

Affected pagehttps://grownalchemist.com/pages/account-login

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref QZWYDE

Affected pagehttps://grownalchemist.com/pages/account

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref UT6U1D

Affected pagehttps://grownalchemist.com/

Element.link-card

Markup

<a href="/collections/handcare" class="link-card" style="--offset-height: var(--header-height); --offset-height-mobile: var(--header-height-mobile);"></a>

High

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)60 instances5 inspected pages

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 60 affected elements

Component · Ref G3A31Q

Affected pagehttps://grownalchemist.com/

Element

.grid__item:nth-child(1) > .collapsible-content.isolate > .collapsible-content__wrapper.section--padding > .collapsible-content__grid.grid--1-col.grid > .grid__item > .accordion.accordion--mobile-only > .accordion--mobile-only[open=""] > .accordion__content.rte

Accessible nameShop All Shop Skin Care Shop Body Care Shop Hand Care Shop Hair Care Shop Gifts + Kits

Markup

<ul class="accordion__content rte" id="CollapsibleAccordion--sections--19967227134122__footer" aria-labelledby="Summary--sections--19967227134122__footer">

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref 1U5NA8

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Element

.footer__content-bottom > .footer__payment > .list.list-payment[role="list"] > .list-payment__item:nth-child(7) > .icon--full-color[aria-labelledby="pi-master"][viewBox="0 0 38 24"] > title

Accessible nameMastercard

Markup

<title id="pi-master">Mastercard</title>

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref 6YA8KL

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Element#title--8032306561194 > .full-unstyled-link[data-product-link-position="8"][data-product-click-tracked="true"]

Markup

<a href="/en-eu/products/instant-smoothing-serum-5ml" id="CardLink--8032306561194" class="full-unstyled-link" aria-labelledby="CardLink--8032306561194 Badge--8032306561194" data-product-link-position="8" data-impression-id="5ef64790-8d39-4454-a110-6decd26995c2" data-product-click-tracked="true">

Component · Ref UPK3YN

Affected pagehttps://grownalchemist.com/

Element

#Slide-template--19967222186154__ua_ugc_carousel_nTFHB-1 > .has-video.ugc-slide-content.ugc-slide-product--single > .ugc-slide-content--left > .ugc-slide-product > .ugc-slide-product-link.ugc-link > .ugc-slide-product__inner[data-product-card-tracked="true"] > .button-wrap > product-form > .form[action="/cart/add"][novalidate="novalidate"] > .quick-add__submit[aria-labelledby="-submit title--8397301842090"][name="add"]

Accessible nameAdd to cart Sold out

Markup

<button id="-submit" type="submit" name="add" class="quick-add__submit " aria-haspopup="dialog" aria-labelledby="-submit title--8397301842090" aria-live="polite" data-sold-out-message="true">

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 VZY364

Affected pagehttps://grownalchemist.com/pages/account

Elementaside#megamenu > nav > ul > li:nth-of-type(3) > a

Accessible nameHANDCARE

Markup

<a href="/collections/handcare" class="header__menu-item megamenu-item list-menu__item link focus-inset" data-title="handcare">
              <span>HANDCARE</span>

              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none">
  <path d="M11.3135 4.6462C11.4843 4.47563 11.7484 4.45366 11.9424 4.58175L12.0205 4.6462L17.0205 9.6462C17.1142 9.7399 17.1669 9.86722 17.167 9.99972C17.167 10.1322 17.1141 10.2595 17.0205 10.3532L12.0205 15.3532C11.8252 15.5485 11.5087 15.5485 11.3135 15.3532C11.1182 15.158 11.1182 14.8415 11.3135 14.6462L15.46 10.4997H3.…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref LKQ5KO

Affected pagehttps://grownalchemist.com/pages/account-login

Elementul#predictive-search-results-queries-list > li:nth-of-type(1) > a

Accessible nameresurfacing body cleanser

Markup

<a href="/search?q=resurfacing%2Bbody%2Bcleanser" class="predictive-search__item link link--text">
                                      <div class="predictive-search__item-content predictive-search__item-content--centered">
                                        <p class="predictive-search__item-heading predictive-search__item-query-result" aria-label="resurfacing body cleanser">
                                          resurfacing body cleanser
                                        </p>
                                      </div>

                                      <svg xmlns="http:/…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref YJD0MF

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Elementsticky-header > div > nav > ul > li:nth-of-type(5) > a

Accessible nameBest Sellers

Markup

<a class="exposed-mobile-nav__link" href="/en-eu/collections/best-sellers">
              Best Sellers
            </a>

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)70 instances5 inspected pages

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

Why it matters

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

Recommended correction

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

View 70 affected elements

Component · Ref WIKDO8

Affected pagehttps://grownalchemist.com/pages/account-login

Elementsticky-header > header > div > details-modal > details > summary

Accessible nameSearch

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
            <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="modal__toggle-open">
  <path d="M10 2.25C14.2802 2.25 17.75 5.71979 17.75 10C17.75 11.87 17.0872 13.585 15.9844 14.9238L21.5303 20.4697L21.582 20.5264C21.8223 20.8209 21.8049 21.2557 21.5303 21.5303C21.2557 21.8049 20.8209 21.8223 20.5264 21.582L20.4697 21.5303L14.9238 15.9844C13.585 17.0872 11.87 17.75 10 17.75C5.71…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref QPYFMZ

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Elementul#predictive-search-results-products-list > li:nth-of-type(4)

Accessible nameSkin Defense Mattifying Primer - 50ml BEST SELLER Regular price €38 Sale price €38 Regular price Unit price / per

Roleoption

Markup

<li class="predictive-search__list-item" role="option" aria-selected="false">
                                      <a href="/en-eu/products/skin-defense-primer-50ml" class="predictive-search__item predictive-search__item--link-with-thumbnail link link--text" tabindex="-1" data-predictive-search-link="true" data-product-link-position="4" data-impression-id="b33d6eca-a3cf-4013-9938-964c00b420a4" data-product-click-tracked="true">
                                        
                                          <img class="predictive-search__image" src="//grownalchemist.com/cdn/shop/files/NEW_P…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref BU9PWE

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Elementdetails#Details-menu-drawer-menu-item-5 > summary

Accessible nameHAIRCARE

Rolebutton

Markup

<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-haircare">
                        HAIRCARE
                        <svg class="icon icon-plus" viewBox="0 0 11 11" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <line y1="5.5" x2="11" y2="5.5" stroke="currentColor"></line>
  <line x1="5.5" y1="11" x2="5.5" y2="2.18557e-08" stroke="currentColor"></line>
</svg>

                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none…

Affected pages/ /collections/cart-samples-uk /pages/account /pages/account-login

Component · Ref JMZLTB

Affected pagehttps://grownalchemist.com/pages/account

Elementsummary#Summary--sections--19967227134122__footer\ \ Summary--accordion-mobile\

Accessible nameAbout

Rolebutton

Markup

<summary id="Summary--sections--19967227134122__footer  Summary--accordion-mobile " class="" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion--sections--19967227134122__footer">
                <p class="accordion__title inline-richtext">
                  About
                </p>
                <svg class="icon icon-plus" viewBox="0 0 11 11" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <line y1="5.5" x2="11" y2="5.5" stroke="currentColor"></line>
  <line x1="5.5" y1="11" x2="5.5" y2="2.18557e-08" stroke="currentColor"></line>
</svg>

              </summ…

Affected pages/collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref 5YD74B

Affected pagehttps://grownalchemist.com/

Elementli#iti-0__item-af

Accessible nameAfghanistan+93

Roleoption

Markup

<li id="iti-0__item-af" class="iti__country iti__highlight" tabindex="-1" role="option" data-dial-code="93" data-country-code="af" aria-selected="false"><div class="iti__flag iti__af"></div><span class="iti__country-name">Afghanistan</span><span class="iti__dial-code">+93</span></li>

Component · Ref Q3B828

Affected pagehttps://grownalchemist.com/

Elementli#iti-0__item-ax

Accessible nameÅland Islands+358

Roleoption

Markup

<li id="iti-0__item-ax" class="iti__country " tabindex="-1" role="option" data-dial-code="358" data-country-code="ax" aria-selected="false"><div class="iti__flag iti__ax"></div><span class="iti__country-name">Åland Islands</span><span class="iti__dial-code">+358</span></li>

Component · Ref KYEEEJ

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Elementdetails#Details-Mobile--template--19967221858474__product-grid > summary

Accessible nameSort by

Rolebutton

Markup

<summary class="mobile-facets__summary focus-inset" role="button" aria-expanded="true" aria-controls="FacetMobile--template--19967221858474__product-grid">
                    <div>
                      <label for="SortBy-mobile">Sort by</label>
                      <span class="mobile-facets__icon minus">
                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-minus" fill="none" viewBox="0 0 10 2">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor">
</path><…

Component · Ref WDZ1NP

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Elementdiv#CartDrawer-Overlay

Markup

<div id="CartDrawer-Overlay" class="cart-drawer__overlay" onclick="this.closest('cart-drawer').close()"></div>

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)6 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 6 affected elements

Component · Ref 0W3XT7

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Elementinput#NewsletterForm--footer-newsletter

Markup

<input id="NewsletterForm--footer-newsletter" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Your email" required="">

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)28 instances4 inspected pages

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 28 affected elements

Component · Ref K0AVNZ

Affected pagehttps://grownalchemist.com/pages/account-login

Element#Slide-image_RGfD3H

Accessible name1 of 1

Markup

<div class="slideshow__slide ima..." id="Slide-image_RGfD3H" aria-roledescription="Slide" aria-label="1 of 1" tabindex="-1">

Affected pages/ /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref 3JB5Z9

Affected pagehttps://grownalchemist.com/

Element

#Slide-template--19967222186154__ua_collection_carousel_WyLVKJ-4 > product-card > .card--standard.card--media.card > .card__inner > .card__media > product-card-gallery > slider-card > .quick-add-hidden.slider-buttons.no-js-hidden > .product-slider-counter--nav > .dot-card-2.product-slider-counter--dot-button[data-step="2"]

Accessible nameTomorrowland Shampoo - 500ml gallery image 2

Markup

<div data-step="2" aria-labelledby="label-img-2-tomorrowland-shampoo-500ml" class="product-slider-counter--dot-button dot-card-2">

Medium

ARIA attributes have invalid values

WCAG 4.1.2 (A)17 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 17 affected elements

Component · Ref 1HRRTJ

Affected pagehttps://grownalchemist.com/pages/account-login

Element

.grid__item:nth-child(2) > .collapsible-content.isolate > .collapsible-content__wrapper.section--padding > .collapsible-content__grid.grid--1-col.grid > .grid__item > .accordion.accordion--mobile-only > .accordion--mobile-only[open=""] > .accordion__content.rte

Accessible nameAbout Us Grown Alchemist Community Recycling Store Locator Blog Our Tomorrowland Partnership Skincare Quiz

Markup

<ul class="accordion__content rte" id="CollapsibleAccordion--sections--19967227134122__footer" aria-labelledby="Summary--sections--19967227134122__footer">

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref PQOG7J

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Element#main-collection-filters

Accessible nameShowing 0 of 0 products Show all Filter Filter Showing 0 of 0 products Clear All Sort by Featured Most relevant Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to high Price, high to low Date, old to new Date, new to old View results (0 0) <button class="button button--primary">View results</button>

Markup

<aside aria-labelledby="verticalTitle" class="
            facets-wrapper page-width
            
          " id="main-collection-filters" data-id="template--19967221858474__product-grid">

Component · Ref OI0FV3

Affected pagehttps://grownalchemist.com/

Element.iti__selected-country

Accessible nameSelected country

Rolecombobox

Markup

<button type="button" class="iti__selected-country" aria-expanded="false" aria-label="Selected country" aria-haspopup="true" aria-controls="iti-0__dropdown-content" role="combobox" title="United States">

Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)67 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 67 affected elements

Component · Ref PUY7LK

Affected pagehttps://grownalchemist.com/pages/account

Element.desktop > .navmenu-button__open

Accessible nameMenu

Markup

<div class="navmenu-button__open">

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref RA626S

Affected pagehttps://grownalchemist.com/pages/account

Element

.announcement-item:nth-child(4) > .announcement-bar__link.focus-inset[href$="tomorrowland"] > .announcement-bar__message--desktop.announcement-bar__message

Accessible nameEXPLORE OUR TOMORROWLAND PARTNERSHIP

Markup

<span class="announcement-bar__message announcement-bar__message--desktop">
                        EXPLORE OUR TOMORROWLAND PARTNERSHIP
                      </span>

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref ANWCKP

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Element.announcement-item:nth-child(1) > .announcement-bar__message--desktop.announcement-bar__message

Accessible nameFREE SHIPPING ON ORDERS $65+

Markup

<span class="announcement-bar__message announcement-bar__message--desktop">
                        FREE SHIPPING ON ORDERS $65+
                      </span>

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref 6BAK3P

Affected pagehttps://grownalchemist.com/

Element.animation:nth-child(5)

Accessible namein

Markup

<span class="animation" style="color: rgb(214, 214, 214);">in </span>

Component · Ref JGVGWG

Affected pagehttps://grownalchemist.com/

Element.full-unstyled-link[href$="holiday2025"] > .carousel__image-slide-content > .button--link.button

Accessible nameShop now

Markup

<span class="button button--link">

Component · Ref HLQI46

Affected pagehttps://grownalchemist.com/

Element.full-unstyled-link[href$="refills"] > .carousel__image-slide-content > .carousel__copy:nth-child(1)

Accessible nameRefills

Markup

<h3 class="carousel__copy rte">
    Refills
  </h3>

Component · Ref PXLNAR

Affected pagehttps://grownalchemist.com/

Element.image-banner__description

Accessible nameFor Lips + Eyes in Transit

Markup

<div class="p image-banner__description" style="">
      For Lips + Eyes in Transit
    </div>

Component · Ref 1QWGU1

Affected pagehttps://grownalchemist.com/

Element.image-banner__heading

Accessible nameJUST LANDED.

Markup

<h2 class="image-banner__heading h1 h1--desktop">
      JUST LANDED.
    </h2>

Component · Ref EZUNNO

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Elementh1

Accessible name*Cart Samples - UK

Markup

<h1 class="collection-hero-banner__title">*Cart Samples - UK</h1>

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 IKR6XU

Affected pagehttps://grownalchemist.com/pages/account-login

Elementli#a11y-refresh-page-message

Accessible nameChoosing a selection results in a full page refresh.

Markup

<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 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 10 affected elements

Component · Ref N9XVOY

Affected pagehttps://grownalchemist.com/pages/account-login

Elementmobile-menu-tier#tier-1-0-0 > mobile-menu-nav > div > nav

Accessible nameNEW NEW NEW + TRENDING OUR TOMORROWLAND PARTNERSHIP SKINCARE SKINCARE SHOP ALL CLEANSERS + EXFOLIANTS SERUMS + OILS MOISTURISERS EYE CARE LIP CARE MASKS TONERS + MISTS NIGHT TREATMENTS SKIN PROTECTION + SPF ROUTINES + KITS MEN'S SKINCARE HANDCARE HANDCARE SHOP ALL HAND CREAM HAND WASH REFILLS GIFTS & KITS BODYCARE BODYCARE SHOP ALL BODY WASH BODY CREAM REFILLS GIFTS + KITS HAIRCARE HAIRCARE SHOP ALL SHAMPOO CONDITIONERS REFILLS GIFTS + KITS Sets MERCHANDISE LAST CHANCE TRY IT FIRST SKIN DIAGNOSTICS TOOL SHOP ALL SHOP ALL NEW BEST SELLERS SKINCARE BODYCARE HANDCARE HAIRCARE GIFTS + KITS

Markup

<nav class="menu-drawer__navigation"><ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><details id="Details-menu-drawer-menu-item-1">
                      <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="false" aria-controls="link-new">
                        NEW
                        <svg class="icon icon-plus" viewBox="0 0 11 11" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <line y1="5.5" x2="11" y2="5.5" stroke="currentColor"></line>
  <line x1="5.5" y1="11" x2="5.5" y2="2.18557e-08" stroke="c…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Component · Ref KPRDWD

Affected pagehttps://grownalchemist.com/en-eu/pages/account-login

Elementaside#megamenu > nav

Accessible nameNEW BEST SELLERS SKINCARE BODYCARE HANDCARE HAIRCARE SETS BUNDLES MERCHANDISE SPAS + TREATMENTS SHOP ALL About Us Blog Store Skin Diagnostics Tool Contact Us

Markup

<nav class="header__inline-menu">
      <ul class="list-menu" role="list"><li>
            <a href="/en-eu/collections/new" class="header__menu-item megamenu-item list-menu__item link focus-inset" data-title="new">
              <span>NEW</span>

              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none">
  <path d="M11.3135 4.6462C11.4843 4.47563 11.7484 4.45366 11.9424 4.58175L12.0205 4.6462L17.0205 9.6462C17.1142 9.7399 17.1669 9.86722 17.167 9.99972C17.167 10.1322 17.1141 10.2595 17.0205 10.3532L12.0205 15.3532C11.8252 15.5485 11.5087 15.54…

Affected pages/ /collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Medium

Carousel has no accessible controls

WCAG 2.1.1 (A)7 instances4 inspected pages

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Why it matters

A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.

Recommended correction

Provide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.

View 7 affected elements

Component · Ref OC2XZB

Affected pagehttps://grownalchemist.com/pages/account

Elementslideshow-hero#Slideshow-template--19967223300266__media_banner_DmkeeD

Accessible nameSlideshow about our brand

Roleregion

Markup

<slideshow-hero class="slideshow
    margin-top-none
    margin-bottom-large
    
    " role="region" id="Slideshow-template--19967223300266__media_banner_DmkeeD" aria-roledescription="Carousel" aria-label="Slideshow about our brand" aria-live="polite" aria-atomic="true" data-carousel="false">
    

        <div class="slideshow__slide image-banner
          ratio--mobile-1 text--center v-middle h-middle
          ratio--2-1 text--desktop-left v--desktop-bottom h--desktop-left
          grid grid__item
          grid--mobile
          grid--tablet
          grid--desktop
          
          n…

Affected pages/collections/cart-samples-uk /pages/account /en-eu/pages/account-login /pages/account-login

Medium

Page has no level-one heading

WCAG 1.3.1 (A)3 instances3 inspected pages

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 3 affected elements

Component · Ref N3CMRP

Affected pagehttps://grownalchemist.com/pages/account

Elementbody#template-page

Accessible nameSkip to content /* section-announcement-bar */ .announcement-bar-section{ position: relative; } .announcement-bar { color: rgb(var(--color-foreground)); height: var(--space-17); display: flex; overflow: hidden; align-items: center; --ticker-duration: 125s; } @media screen and (min-width: 750px) { .announcement-bar { height: var(--space-19); } } .announcement-ticker__wrapper { width: 100%; overflow: hidden; position: relative; height: 100%; } .announcement-ticker__track { display: flex; align-items: center; height: 100%; width: max-content; min-width: 200%; animation: announcement-ticker-scroll var(--ticker-duration) linear infinite; will-change: transform; } .announcement-item { display: flex; align-items: center; justify-content: center; white-space: nowrap; padding: 0 1rem; height: 100%; } @media screen and (min-width: 750px) { .announcement-item { padding: 0 5.5rem; } } .announcement-bar__link { display: block; text-decoration: none; text-align: center; color: inherit; } .announcement-bar__link .icon-arrow { display: inline-block; pointer-events: none; margin-left: var(--space-2); vertical-align: middle; margin-bottom: var(--space-pixel); } .announcement-bar__link .announcement-bar__message { padding: 0 var(--space-1); } .announcement-bar__message { margin: 0; padding: 0 var(--space-1); font-size: var(--text-size-xxs); font-weight: var(--font-weight-normal); font-family: var(--font-heading-family); text-transform: uppercase; letter-spacing: 0.96px; } @media screen and (min-width: 750px) { .announcement-bar__message { font-size: var(--text-size-s); } } .announcement-bar__message--desktop { display: block; } .announcement-bar__message--mobile { display: none; } @media (max-width: 749px) { .announcement-bar__message--desktop { display: none; } .announcement-bar__message--mobile { display: block; line-height: 1; } } p.announcement-bar__message { text-align: center; } @keyframes announcement-ticker-scroll { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } /* Pause on hover */ .announcement-ticker__wrapper:hover .announcement-ticker__track { animation-play-state: paused; } FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP FREE SHIPPING ON ORDERS $65+ FREE SHIPPING ON ORDERS $65+ EXPLORE OUR TOMORROWLAND PARTNERSHIP EXPLORE OUR TOMORROWLAND PARTNERSHIP header-drawer { justify-self: start; margin-left: -1.2rem; } mega-menu { display: none; } sticky-header { min-height: var(--header-height-mobile); height: var(--header-height-mobile); background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 100%); } mobile-menu, .mobile-menu-page { --mobilemenu-width: 100%; --mobilemenu-width-vw: 100vw; } /* section-header */ .section-header.shopify-section-group-header-group { z-index: 3; } .overflow-hidden-mobile .shopify-section-group-header-group { z-index: 0; } .shopify-section-header-sticky { position: sticky; top: 0; } .shopify-section-header-hidden { top: calc(-1 * var(--header-height)); } .shopify-section-header-hidden.menu-open { top: 0; } .section-header.animate { transition: top 0.15s ease-out; } .shopify-section-group-header-group { z-index: 4; } .section-header ~ .shopify-section-group-header-group { z-index: initial; } /* Main Header Layout */ .header-wrapper { display: block; position: relative; background-color: rgb(var(--color-background)); } .header-wrapper--border-bottom { border-bottom: var(--space-pixel) solid rgba(var(--color-foreground), 0.08); } .section-header { position: sticky; /* This is for fixing a Safari z-index issue. PR #2147 */ margin-bottom: 0px; } .header { padding: 0 var(--padding-sections-mobile); padding-top: var(--space-4); padding-bottom: var(--space-4); width: 100%; } .header *[tabindex='-1']:focus { outline: none; } .header__heading { margin: 0; display:flex; line-height: var(--leading-none); width:100%; flex-direction: row; } @media screen and (min-width: 750px) { .header__heading { justify-content: center; } } .header > .header__heading-link { line-height: var(--leading-none); } .header__heading, .header__heading-link { justify-self: center; } .header__heading-link { display: inline-block; text-decoration: none; word-break: break-word; max-width: 166px; } @media (max-width: 350px) { .header__heading-link { width: 100%; } header.grid--2-col { grid-template-columns: 140px 1fr; } } @media (min-width: 750px) { .header__heading-link { max-width: 244px; } } .header__heading-link:hover .h2 { color: rgb(var(--color-foreground)); } .header__heading-link .h2 {…[truncated by Evolize: exceeded D1 value limit]

Markup

<body id="template-page" style="padding-right: 0px; overflow: hidden;" class="klaviyo-prevent-body-scrolling">
    <div id="shopify-section-dev-tools" class="shopify-section">



<dev-tools data-dev-logs="false"></dev-tools>

</div>

    <main-content class="mobile-menu-page mobilemenu--overlay-left">
      <a class="skip-to-content-link button visually-hidden" href="#MainContent">
        Skip to content
      </a>

      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19967227199658__announcement-bar" class="shopify-section shopify-section-group-header-group announce…

Affected pages/pages/account /en-eu/pages/account-login /pages/account-login

Low

Low-quality alternative text

WCAG 1.1.1 (A)15 instances4 inspected pages

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

Why it matters

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

Recommended correction

Replace placeholder or filename alt text with a concise description of what the image conveys.

View 15 affected elements

Component · Ref YFTCLP

Affected pagehttps://grownalchemist.com/collections/cart-samples-uk

Elementform#localization_form > div:nth-of-type(1) > button:nth-of-type(2) > div > div > img

Markup

<img src="//cdn.shopify.com/static/images/flags/us.svg?width=28" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=28 28w" width="28" height="21">

Affected pages/ /collections/cart-samples-uk /pages/account /pages/account-login

Component · Ref 9J2XE5

Affected pagehttps://grownalchemist.com/pages/account

Elementdiv:nth-of-type(3) > div:nth-of-type(1) > div > button > div > img

Markup

<img src="//cdn.shopify.com/static/images/flags/us.svg?width=28" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=28 28w" width="28" height="21">

Affected pages/ /collections/cart-samples-uk /pages/account /pages/account-login

Component · Ref WBNL6Y

Affected pagehttps://grownalchemist.com/pages/account-login

Elementul#geolocator > li:nth-of-type(38) > a > div > img

Markup

<img src="//cdn.shopify.com/static/images/flags/us.svg?width=28" alt="United States" srcset="//cdn.shopify.com/static/images/flags/us.svg?width=28 28w" width="28" height="21">

Affected pages/ /collections/cart-samples-uk /pages/account /pages/account-login

05 · Most affected inspected pages

/
Critical
39 findings
/collections/cart-samples-uk
Critical
27 findings
- Critical Links lack accessible text
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High IDs used in ARIA and labels must be unique
- High Interactive controls are not keyboard-accessible
- High Modal dialog does not trap keyboard focus
- Medium ARIA attributes have invalid values
- Medium Carousel has no accessible controls
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium Text has insufficient colour contrast
- Low Low-quality alternative text
/pages/account
Critical
26 findings
- Critical Links lack accessible text
- High Elements must only use permitted ARIA attributes
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High IDs used in ARIA and labels must be unique
- High Interactive controls are not keyboard-accessible
- High Modal dialog does not trap keyboard focus
- Medium ARIA attributes have invalid values
- Medium Carousel has no accessible controls
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium Page has no level-one heading
- Medium Text has insufficient colour contrast
- Low Low-quality alternative text
/pages/account-login
Critical
26 findings
- Critical Links lack accessible text
- High Elements must only use permitted ARIA attributes
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High IDs used in ARIA and labels must be unique
- High Interactive controls are not keyboard-accessible
- High Modal dialog does not trap keyboard focus
- Medium ARIA attributes have invalid values
- Medium Carousel has no accessible controls
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium Page has no level-one heading
- Medium Text has insufficient colour contrast
- Low Low-quality alternative text
/en-eu/pages/account-login
Critical
25 findings
- Critical Links lack accessible text
- High Elements must only use permitted ARIA attributes
- High Form fields use placeholder text as the only label
- High Hidden elements can still receive keyboard focus
- High IDs used in ARIA and labels must be unique
- High Interactive controls are not keyboard-accessible
- High Modal dialog does not trap keyboard focus
- Medium ARIA attributes have invalid values
- Medium Carousel has no accessible controls
- Medium Content sits outside any landmark region
- Medium Navigation regions are not distinguishable
- Medium Page has no level-one heading
- Medium Text has insufficient colour contrast

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 MONITORING SEE PRICING

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

Accessibility issues detected on grownalchemist.com

Is grownalchemist.com your website?

01 · Accessibility summary

02 · Start here

Links lack accessible text

Links lack accessible text

Links lack accessible text

Links lack accessible text

Links lack accessible text

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Links lack accessible text

IDs used in ARIA and labels must be unique

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Elements must only use permitted ARIA attributes

ARIA attributes have invalid values

Text has insufficient colour contrast

Content sits outside any landmark region

Navigation regions are not distinguishable

Carousel has no accessible controls

Page has no level-one heading

Low-quality alternative text

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings