Public accessibility assessment

Accessibility issues detected on mooala.com

Evolize inspected 5 public pages on mooala.com and detected 42 automatically identifiable accessibility findings.

42Findings detected

7WCAG criteria affected

5Pages inspected

8 Sep 2026Assessment date

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

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages

Most affected page/products/original-almondmilk27 findings detected

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

Is mooala.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 mooala.com and detected 42 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/products/original-almondmilk", where 27 findings were detected. The assessment identified findings mapped to 7 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
Required ARIA attributes are missing
WCAG 4.1.2 (A) · 2 inspected pages · 10 instances
Why this matters
An element's ARIA role requires attributes that are absent, so its state is not exposed correctly.
Recommended action
Add the ARIA attributes required by the element's role (e.g. aria-checked on a checkbox role).
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 25 instances
Why this matters
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended action
Keep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View technical evidence →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 7 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 →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 5 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 →
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A) · 5 inspected pages · 5 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 →

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	22	5	5 / 5
4.1.2	Name, Role, Value	A	8	3	3 / 5
2.4.3	Focus Order	A	7	5	5 / 5
1.3.1	Info and Relationships	A	2	3	3 / 5
2.1.1	Keyboard	A	2	3	3 / 5
2.2.2	Pause, Stop, Hide	A	1	1	1 / 5
2.5.8	Target Size (Minimum)	AA	1	2	2 / 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

Required ARIA attributes are missing

WCAG 4.1.2 (A)10 instances2 inspected pages

An element's ARIA role requires attributes that are absent, so its state is not exposed correctly.

Why it matters

An element's ARIA role requires attributes that are absent, so its state is not exposed correctly.

Recommended correction

Add the ARIA attributes required by the element's role (e.g. aria-checked on a checkbox role).

View 10 affected elements

Component · Ref 2ECUJO

Affected pagehttps://mooala.com/products/oatmilk

Elementspan[aria-describedby="343834867"]

Accessible nameVerified Reviewer

Roleheading

Markup

<span class="y-label yotpo-user-title yotpo-action-hover" data-type="toggleFade" data-target="yotpo-tool-tip" aria-describedby="343834867" role="heading">Verified Reviewer</span>

Affected pages/products/original-almondmilk /products/oatmilk

High

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 YR7Z1Z

Affected pagehttps://mooala.com/cart

Element#rich-text-01M0Y9VB6ZM2MWXM7A5BVK5BAN > p > span

Accessible nameBy subscribing you agree to receive marketing communications from us. To opt out, click unsubscribe at the bottom of our emails

Markup

<span style="font-size:10px;color:rgb(134, 134, 134);font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">By subscribing you agree to receive marketing communications from us. To opt out, click unsubscribe at the bottom of our emails</span>

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref HQFOY

Affected pagehttps://mooala.com/products/oatmilk

Element

.yotpo-small > .yotpo-display-wrapper > .standalone-bottomline[data-source="default"] > .star-clickable.yotpo-bottomline.pull-left > .text-m[href="javascript:void(0)"][aria-label="11 reviews"]

Accessible name11 reviews

Markup

<a href="javascript:void(0)" class="text-m" aria-label="11 reviews" tabindex="-1">11 Reviews</a>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref R23KRP

Affected pagehttps://mooala.com/products/oatmilk

Element.font-color-primary.yotpo-sum-reviews[data-score-distribution="1"]

Accessible name(0)

Markup

<span class="yotpo-sum-reviews text-xs font-color-primary " data-score-distribution="1">(0)</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref VOAA25

Affected pagehttps://mooala.com/products/oatmilk

Element

div[data-review-id="343834978"] > .yotpo-verified-user.yotpo-header > .yotpo-header-element:nth-child(2) > .yotpo-user-name.yotpo-font-bold[aria-level="3"]

Accessible nameCynthia

Markup

<span class="y-label yotpo-user-name yotpo-font-bold pull-left" aria-level="3">Cynthia</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref PDN6UE

Affected pagehttps://mooala.com/products/oatmilk

Element.yotpo-logo-title

Accessible namePowered by

Markup

<span class="yotpo-logo-title   "> Powered by </span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref 6OI4O6

Affected pagehttps://mooala.com/products/original-almondmilk

Element.yotpo-nav-wrapper > span:nth-child(1)

Accessible nameReviews

Markup

<span>Reviews</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref F80S57

Affected pagehttps://mooala.com/products/oatmilk

Element.yotpo-distribution-clickable.font-color-primary[data-score-distribution="5"]

Accessible name(11)

Rolebutton

Markup

<span class="yotpo-sum-reviews text-xs font-color-primary yotpo-distribution-clickable" role="button" tabindex="0" data-score-distribution="5">(11)</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref QECXD5

Affected pagehttps://mooala.com/products/oatmilk

Element.nav-tab-sum

Accessible name(11)

Markup

<span class="nav-tab-sum yotpo-reviews-nav-tab-sum">(11)</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref D83ND4

Affected pagehttps://mooala.com/products/oatmilk

Element.ql-font-arial

Accessible nameBe the first to know about new products, stores and promotions

Markup

<span style="color: rgb(73, 85, 128); font-size: 14px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal;" class="ql-font-arial">Be the first to know about new products, stores and promotions</span>

Affected pages/products/original-almondmilk /products/oatmilk /cart

Component · Ref ALTH02

Affected pagehttps://mooala.com/products/original-almondmilk

Elementspan[data-position="closed"]

Accessible nameRead more about review stating The BEST almond milk there is

Rolebutton

Markup

<span class="yotpo-read-more" data-position="closed" aria-expanded="false" role="button" tabindex="0" aria-labelledby="210187998-read-more">...Read More</span>

Component · Ref PRU2PI

Affected pagehttps://mooala.com/products/oatmilk

Elementa[data-page="1"]

Accessible namePage 1, Current Page

Rolemenuitem

Markup

<a role="menuitem" href="#" class="yotpo-page-element goTo yotpo-active" data-page="1" aria-current="true" aria-label="Page 1, Current Page">1</a>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref AW39CO

Affected pagehttps://mooala.com/products/oatmilk

Element

div[data-review-id="343834978"] > .yotpo-verified-user.yotpo-header > .yotpo-icon-profile.yotpo-header-element.pull-left > .yotpo-user-letter

Accessible nameC

Markup

<span class="yotpo-user-letter">C</span>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref FY9SZE

Affected pagehttps://mooala.com/products/oatmilk

Elementa[data-page="2"]

Accessible nameGoto Page 2

Rolemenuitem

Markup

<a role="menuitem" href="#" class="yotpo-page-element goTo " data-page="2" aria-label="Goto Page 2">2</a>

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref F7UKJG

Affected pagehttps://mooala.com/

Element

.flex-grid__item--advanced_EA9q3d > .promo-grid__container.vertical-center.horizontal-center > .promo-grid__content > .promo-grid__text > .enlarge-text.rte--block

Accessible nameWinner: Best Almond Milk

Markup

<div class="rte--block enlarge-text">
                            Winner: Best Almond Milk
                          </div>

Component · Ref 7276NJ

Affected pagehttps://mooala.com/

Element.site-nav__item.site-nav__expanded-item:nth-child(1) > .site-nav__link--underline.site-nav__link

Accessible nameBuy Now

Markup

<a href="https://www.amazon.com/stores/Mooala/page/042603D4-FA5F-4D14-91FB-385707AAFBA4?maas=maas_adg_E8DA4F9F7BDF33FB34CCC2AA14018D57_afap_abs&amp;ref_=aa_maas&amp;tag=maas&amp;ref_=ast_bln" class="site-nav__link site-nav__link--underline">
          Buy Now
        </a>

Component · Ref 3ZAFIB

Affected pagehttps://mooala.com/

Element

.flex-grid__item--advanced_cPbTQX > .promo-grid__container.vertical-center.horizontal-center > .promo-grid__content > .promo-grid__text > .btn

Accessible nameRead More

Markup

<a href="https://www.self.com/pantry-awards-2025#beverages" class="btn">
                            Read More
                          </a>

Component · Ref VYT9FW

Affected pagehttps://mooala.com/

Element

.flex-grid__item--advanced_EA9q3d > .promo-grid__container.vertical-center.horizontal-center > .promo-grid__content > .promo-grid__text > .rte--strong.rte--block

Accessible nameGood Housekeeping

Markup

<h2 class="rte--block rte--strong">
                            Good Housekeeping
                          </h2>

Component · Ref G731RG

Affected pagehttps://mooala.com/

Element.site-nav__link--underline.site-nav__link[href$="recipes"]

Accessible nameRecipes

Markup

<a href="/blogs/recipes" class="site-nav__link site-nav__link--underline">
          Recipes
        </a>

Component · Ref UP1997

Affected pagehttps://mooala.com/products/original-almondmilk

Element#ProductSelect--option

Accessible nameUnsweetened Almondmilk Original Almondmilk Vanilla Bean Almondmilk

Markup

<select name="ProductSelect--option" id="ProductSelect--option" class="">

Component · Ref EK2ZY5

Affected pagehttps://mooala.com/

Element.hero__text-shadow > .hero__subtitle > .hero__animation-contents

Accessible nameUnrivaled taste, quality ingredients and certified USDA-organic. With Mooala, you can enjoy your plantmilks, knowing they're made with clean ingredients and without toxic pesticides, preservatives and artificial flavors.

Markup

<div class="hero__animation-contents">

Component · Ref AQWTZU

Affected pagehttps://mooala.com/

Element.hero__text-shadow > .hero__link > .btn

Accessible nameShop now

Markup

<a href="https://www.amazon.com/stores/Mooala/Homepage/page/042603D4-FA5F-4D14-91FB-385707AAFBA4?maas=maas_adg_2CD7C1B78F4473DAF6D92144D3BFA2ED_afap_abs&amp;ref_=aa_maas&amp;tag=maas" class="btn">
                                        Shop now
                                      </a>

Component · Ref 3WJTTK

Affected pagehttps://mooala.com/

Elementstrong

Accessible nameOrganic Plantmilks

Markup

<strong>Organic Plantmilks</strong>

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 JFVHYT

Affected pagehttps://mooala.com/pages/contact

Elementdiv > is-land > predictive-search > form > div:nth-of-type(1) > button

Accessible name.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px} Search

Markup

<button class="btn--search" type="submit">
          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 64 64"><defs><style>.cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px}</style></defs><path class="cls-1" d="M47.16 28.58A18.58 18.58 0 1 1 28.58 10a18.58 18.58 0 0 1 18.58 18.58zM54 54L41.94 42"></path></svg>
          <span class="icon__fallback-text">Search</span>
        </button>

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref 9OO8XG

Affected pagehttps://mooala.com/cart

Elementdiv#HeaderCart > div > form > div:nth-of-type(2) > div:nth-of-type(3) > button

Accessible nameOrder not valid

Markup

<button type="submit" name="checkout" data-terms-required="false" class="btn cart__checkout" value="Order not valid">Order not valid</button>

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref EO933X

Affected pagehttps://mooala.com/products/oatmilk

Elementdiv:nth-of-type(1) > div:nth-of-type(2) > div > div > div:nth-of-type(1) > div:nth-of-type(1)

Accessible name5.0 star rating 11 Reviews

Markup

<div class="yotpo-bottomline pull-left  star-clickable" tabindex="0">  <span class="yotpo-stars"> <span class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span class="yotpo-icon yotpo-icon-star rating-star pull-left"></span><span class="sr-only">5.0 star rating</span> </span>  <a href="javascript:void(0)" class="text-m" aria-label="11 reviews" tabindex="-1">11 Reviews</a>  …

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref OS254G

Affected pagehttps://mooala.com/products/original-almondmilk

Elementinput#Search

Rolecombobox

Markup

<input class="search__input" id="Search" type="search" name="q" value="" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" placeholder="Search" tabindex="0">

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref PE12NC

Affected pagehttps://mooala.com/products/original-almondmilk

Elementdiv#MobileNav > div > div:nth-of-type(1) > ul > li:nth-of-type(4) > a

Accessible nameRecipes icon-chevron

Markup

<a href="/blogs/recipes" class="slide-nav__link"><span>Recipes</span>
            
              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-chevron-right" viewBox="0 0 284.49 498.98"><title>icon-chevron</title><path d="M35 498.98a35 35 0 0 1-24.75-59.75l189.74-189.74L10.25 59.75a35.002 35.002 0 0 1 49.5-49.5l214.49 214.49a35 35 0 0 1 0 49.5L59.75 488.73A34.89 34.89 0 0 1 35 498.98"></path></svg>
            
          </a>

Affected pages/ /pages/contact /products/original-almondmilk /products/oatmilk /cart

Component · Ref NFFLGD

Affected pagehttps://mooala.com/cart

Elementdiv#VideoModal > div > button

Accessible name"Close (esc)"

Markup

<button type="button" class="btn btn--circle btn--icon modal__close js-modal-close">
      <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 64 64"><path d="m19 17.61 27.12 27.13m0-27.13L19 44.74" style="stroke-miterlimit:10"></path></svg>
      <span class="icon__fallback-text">"Close (esc)"</span>
    </button>

Affected pages/ /pages/contact /cart

High

Elements must only use supported ARIA attributes

WCAG 4.1.2 (A)20 instances2 inspected pages

Elements must only use supported ARIA attributes

Why it matters

Elements must only use supported ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 20 affected elements

Component · Ref XN6NI9

Affected pagehttps://mooala.com/products/oatmilk

Element

div[data-review-id="343834978"] > .yotpo-verified-user.yotpo-header > .yotpo-header-element:nth-child(2) > .label-with-tooltip.pull-left[aria-level="3"]

Accessible nameVerified Reviewer

Markup

<div class="label-with-tooltip pull-left" aria-level="3">  <span class="y-label yotpo-user-title yotpo-action-hover" data-type="toggleFade" data-target="yotpo-tool-tip" aria-describedby="343834978" role="heading">Verified Reviewer</span>   </div>

Affected pages/products/original-almondmilk /products/oatmilk

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)8 instances2 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 8 affected elements

Component · Ref 7W84PH

Affected pagehttps://mooala.com/products/oatmilk

Elementdiv#write-review-tabpanel-main-widget > div:nth-of-type(1) > div:nth-of-type(3) > span > span:nth-of-type(3)

Accessible namescore 3

Roleradio

Markup

<span class="yotpo-icon yotpo-icon-empty-star pull-left review-star" data-score="3" aria-label="score 3" role="radio" tabindex="-1" aria-checked="false" aria-required="true"></span>

Affected pages/products/original-almondmilk /products/oatmilk

Medium

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)6 instances3 inspected pages

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

Component · Ref X4698C

Affected pagehttps://mooala.com/products/original-almondmilk

Element.new-grid

Accessible nameNot Available Online import 'components/image-element'; import 'components/image-element'; Original Almondmilk

Markup

<div class="new-grid product-grid scrollable-grid--small visually-invisible" aria-hidden="true" data-view="scrollable">

Affected pages/products/original-almondmilk /products/oatmilk

Component · Ref 41W9U0

Affected pagehttps://mooala.com/

Element

.flex-grid__item--advanced_EA9q3d > .promo-grid__container.vertical-center.horizontal-center > .promo-grid__slide-link[aria-label="Read More"][aria-hidden="true"]

Accessible nameRead More

Markup

<a href="https://www.goodhousekeeping.com/food-products/g64720402/2025-snack-awards-beverages/" class="promo-grid__slide-link" aria-hidden="true" aria-label="Read More"></a>

Component · Ref TORMAE

Affected pagehttps://mooala.com/

Element.hero__slide-link

Markup

<a href="https://www.amazon.com/stores/Mooala/Homepage/page/042603D4-FA5F-4D14-91FB-385707AAFBA4?maas=maas_adg_2CD7C1B78F4473DAF6D92144D3BFA2ED_afap_abs&amp;ref_=aa_maas&amp;tag=maas" class="hero__slide-link" aria-hidden="true"></a>

Component · Ref JORXJ8

Affected pagehttps://mooala.com/

Element.hero__sidebyside-image-link

Accessible nameimport 'components/image-element';

Markup

<a href="/products/mooala-simple-almondmilk" class="hero__sidebyside-image-link" aria-hidden="true">

Medium

Elements must only use permitted ARIA attributes

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

Component · Ref FGR4UL

Affected pagehttps://mooala.com/products/oatmilk

Element

div[data-review-id="343834867"] > .yotpo-verified-user.yotpo-header > .yotpo-header-actions.yotpo-header-element > .yotpo-review-date.y-label[aria-label="review date 03/03/22"]

Accessible namereview date 03/03/22

Markup

<span class="y-label yotpo-review-date" aria-label="review date 03/03/22">03/03/22</span>

Component · Ref VT15A0

Affected pagehttps://mooala.com/products/original-almondmilk

Element.yotpo-header-actions.yotpo-header-element > .yotpo-review-date.y-label[aria-label="review date 03/02/21"]

Accessible namereview date 03/02/21

Markup

<span class="y-label yotpo-review-date" aria-label="review date 03/02/21">03/02/21</span>

Medium

ARIA container is missing required child roles

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

Component · Ref 1EZMN3

Affected pagehttps://mooala.com/products/original-almondmilk

Element.yotpo-pager

Accessible name1 2

Rolemenu

Markup

<div class="yotpo-pager" data-total="7" data-per-page="5" role="menu">

Affected pages/products/original-almondmilk /products/oatmilk

Low

Touch targets are too small

WCAG 2.5.8 (AA)5 instances2 inspected pages

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

Why it matters

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

Recommended correction

Increase this <a>'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 5 affected elements

Component · Ref I2WOOW

Affected pagehttps://mooala.com/products/original-almondmilk

Elementa[data-page="1"]

Accessible namePage 1, Current Page

Rolemenuitem

Markup

<a role="menuitem" href="#" class="yotpo-page-element goTo yotpo-active" data-page="1" aria-current="true" aria-label="Page 1, Current Page">1</a>

Affected pages/products/original-almondmilk /products/oatmilk

Low

Carousel has no accessible controls

WCAG 2.1.1 (A)1 instance1 inspected page

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 1 affected element

Component · Ref ZHO5F2

Affected pagehttps://mooala.com/

Element

div#shopify-section-template--22187194286115__c58732ea-b48a-4c25-ad2d-66e9dde48abe > is-land > is-land--testimonials-component > div:nth-of-type(3)

Accessible name★★★★★"I love this milk! It looks and tastes so clean!"Mel K ★★★★★"I absolutely love that this milk is made with just 3 ingredients, and it tastes great! I use it in so many things and am so grateful for this brand."Kasi ★★★★★"Can’t say enough great things about this product."Zander ★★★★★"I have been switching this into my daily coffees and overnight oats. Sometimes I’ll even drink it from the bottle..it is simple yet delicious!"Meiyee ★★★★★"We love this organic almond milk for how clean it is, and how great it tastes."Krasi

Markup

<div class="slideshow-wrapper">
        <div class="testimonials-slider" id="Testimonials-template--22187194286115__c58732ea-b48a-4c25-ad2d-66e9dde48abe" data-dots="true" data-count="5"><div class="testimonials-slide testimonials-slide--template--14612027506723__c58732ea-b48a-4c25-ad2d-66e9dde48abe-testimonial-1" data-index="0">
              <blockquote class="testimonials-slider__text"><span class="testimonial-stars">★★★★★</span><div class="rte-setting text-spacing"><p>"I love this milk! It looks and tastes so clean!"</p></div><cite>Mel K</cite></blockquote>
            </div><div class="tes…

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 N59Y2V

Affected pagehttps://mooala.com/pages/contact

Elementhtml > body

Accessible nameSkip to content .site-nav__link { font-size: 18px; } .site-header, .site-header__element--sub { box-shadow: 0 0 25px rgb(0 0 0 / 10%); } .is-light .site-header, .is-light .site-header__element--sub { box-shadow: none; } .header-item--logo, [data-layout="left-center"] .header-item--logo, [data-layout="left-center"] .header-item--icons { flex: 0 1 140px; } @media only screen and (min-width: 769px) { .header-item--logo, [data-layout="left-center"] .header-item--logo, [data-layout="left-center"] .header-item--icons { flex: 0 0 160px; } } .site-header__logo a { width: 140px; } .is-light .site-header__logo .logo--inverted { width: 140px; } @media only screen and (min-width: 769px) { .site-header__logo a { width: 160px; } .is-light .site-header__logo .logo--inverted { width: 160px; } }Mooala Brands import 'components/image-element'; import 'components/image-element'; Buy Now Products Find a Store Recipes Wholesale Search Account 0 Cart ... Site navigation Close Search .cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px} Search .cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:2px} import 'components/predictive-search'; Cancel Subtotal $000 Order not valid Shipping, taxes, and discount codes calculated at checkout. Your cart is currently empty. Buy Now icon-chevron Products icon-chevron Find a Store icon-chevron Recipes icon-chevron import 'components/image-element'; Wholesale icon-chevron import 'components/section-header'; Holla at MooalaDrop us a line to say hi, ask a question, or share your love for Mooala. Contact us Name Email Message Send Send This site is protected by hCaptcha and the hCaptcha Privacy Policy and Terms of Service apply. Links Sourcing TransparencyWholesalePressRequest MooalaRefund PolicyTerms of ServiceShipping PolicyContact UsAbout Get in touch 214-206-1902 Follow us instagram Instagram Facebook Pinterest TikTok Powered by Shopify "Close (esc)" icon-chevron Contact {% assign swatch_options = '' | downcase | split: "~~" | uniq %} {% assign image_options = '' | downcase | split: "~~" | uniq %} {% assign text_options = '' | downcase | split: "~~" | uniq %} {% assign show_selected_variant_info = true %} {% assign image_size = '500x500' %} {% assign images_count = product.images | size %} {% assign variants_count = product.variants | size %} {% assign options_count = product.options | size %} {% assign no_image = 'https://cdn.shopify.com/s/images/themes/product-1.png' %} {% assign featured_image = product.featured_image %} {% assign product_price = product.price %} {% assign product_compare_at_price = product.compare_at_price %} {% assign second_image_index = 2 %} {% assign selected_or_first_available_variant = product.selected_or_first_available_variant %} {% assign variant_url = '' %} {% if show_selected_variant_info and product.selected_variant %} {% assign selected_or_first_available_variant = product.selected_variant %} {% assign product_price = selected_or_first_available_variant.price %} {% assign product_compare_at_price = selected_or_first_available_variant.compare_at_price %} {% if selected_or_first_available_variant.image %} {% assign featured_image = selected_or_first_available_variant.image %} {% endif %} {% endif %} {% for image in product.images %} {% if image.id == featured_image.id %} {% if forloop.index == images_count %} {% assign second_image_index = 1 %} {% else %} {% assign second_image_index = forloop.index | plus: 1 %} {% endif %} {% endif %} {% endfor %} {% assign is_wholesale = false %} {% for prodCol in product.collections %} {% if prodCol.handle == 'wholesale' %}{% assign is_wholesale = true %}{% endif %} {% endfor %} {% assign is_wholesale = false %} {% assign on_sale = false %} {% if product.compare_at_price > product.price %} {% assign on_sale = true %} {% endif %} {% assign product_tags = product.tags | join: ',' %} {% assign has_custom_label = false %} {% if product_tags contains '_label_' %} {% for tag in product.tags %} {% if tag contains '_label_' %} {% assign tag_starts_with = tag | slice: 0 %} {% if tag_starts_with == '_' %} {% assign has_custom_label = true %} {% assign custom_label = tag | replace: '_label_', '' %} {% endif %} {% endif %} {% endfor %} {% endif %} {% assign no_link = false %} {% assign show_atc = false %} <div{% if showPageData %} data-page="{{page}}"{% endif %} class="grid-item grid-product {{ classes }}" data-product-handle="{{ product.handle }}" data-product-id="{{ product.id }}"> <div class="grid-item__content 1"> {%- unless no_actions -%} {%- if show_atc and settings.quick_add_enable or settings.quick_shop_enable -%} <div class="grid-product__actions" style=" position: absolute; bottom: 20px; right: 20px; "> <is-land on:idle="" ready=""> <quick-add> <button type="button" class="text-link quick-add-btn" title="Add to cart" data-id="{{ product.selected_or_first_available_variant.id }}" data-single-variant-quick-add=""> Add to cart <span class="btn btn--circle btn--icon"> …[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="template-page klaviyo-prevent-body-scrolling" data-button_style="round-slight" data-edges="" data-type_header_capitalize="false" data-swatch_style="square" data-grid-style="grey-round" data-aos-easing="ease-out-quad" data-aos-duration="400" data-aos-delay="0">

  <a class="in-page-link visually-hidden skip-link" href="#MainContent">Skip to content</a>

  <div id="PageContainer" class="page-container">
    <div class="transition-body"><!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--22187185897507__header" class="shopify-section shopify-section-group-header-…

05 · Most affected inspected pages

/products/original-almondmilk
Critical
35 findings
/products/oatmilk
Critical
33 findings
/
High
28 findings
/cart
High
15 findings
/pages/contact
High
14 findings

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 mooala.com

Is mooala.com your website?

01 · Accessibility summary

02 · Start here

Required ARIA attributes are missing

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

Hidden elements can still receive keyboard focus

03 · WCAG criteria affected

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

04 · All detected findings

Required ARIA attributes are missing

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Modal dialog does not trap keyboard focus

Elements must only use supported ARIA attributes

Interactive controls are not keyboard-accessible

ARIA hidden element must not be focusable or contain focusable elements

Elements must only use permitted ARIA attributes

ARIA container is missing required child roles

Touch targets are too small

Carousel has no accessible controls

Page has no level-one heading

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings