High
Elements must only use permitted ARIA attributes
WCAG 4.1.2 (A)12 instances5 inspected pages
Elements must only use permitted ARIA attributes
Why it mattersElements must only use permitted ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 12 affected elements
Component · Ref RKAYWX
Affected pagehttps://foragerproject.com/
Element#onetrust-banner-sdk
Accessible namePrivacy
Markup<div id="onetrust-banner-sdk" class="otFlat bottom ot-wo-title ot-bnr-w-logo vertical-align-content" tabindex="0" aria-label="Privacy" style="bottom: 0px;">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref TAVA4J
Affected pagehttps://foragerproject.com/products/coconutmilk
Element#shopify-block-AS2VKSzBoeEtXL29UV__article_recipe_card_A4N9PX > .blog-carousel__entry-inner
Accessible nameDairy-free & Vegan Dessert Recipes
Markup<div aria-label="Dairy-free & Vegan Dessert Recipes" class="blog-carousel__entry-inner" style="
--width-mobile: 316px;
--width-desktop: 367px;
--aspect-ratio-mobile: 316/458;
--aspect-ratio-desktop: 367/514;
"> Affected pages/ /products/coconutmilk /products/summer-berry-greek-style
Component · Ref RQFI55
Affected pagehttps://foragerproject.com/
Elementdiv[aria-label="Easy Mini Taco Cups"]
Accessible nameEasy Mini Taco Cups
Markup<div aria-label="Easy Mini Taco Cups" class="blog-carousel__entry-inner" style="
--width-mobile: 316px;
--width-desktop: 367px;
--aspect-ratio-mobile: 316/458;
--aspect-ratio-desktop: 367/514;
">
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 mattersAn element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended correctionKeep 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 8WO5SZ
Affected pagehttps://foragerproject.com/
Elementdiv > div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > a
Accessible nameGreek Style Yogurt
Markup<a href="/collections/greek-style-yogurt" aria-label="Greek Style Yogurt">
<div class="label">
Greek Style Yogurt
</div>
<div class="image">
<img data-src="//foragerproject.com/cdn/shop/files/mega-menu-greek-style-unsweetened-plain.png?v=1751881845&width=360" alt="Greek Style Yogurt" width="360" loading="lazy" class=" lozad" src="//foragerproject.com/cdn/shop/files/mega-menu-greek-style-unsweetened-plain.png?v=1751881845&width=15" style="object-posit… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref NF9CXA
Affected pagehttps://foragerproject.com/pages/faqs
Elementinput#Search-In-Modal-Offcanvas
Rolecombobox
Markup<input class="search__input field__input" id="Search-In-Modal-Offcanvas" type="search" name="q" value="" placeholder="Type keyword to search" 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">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref NUV92P
Affected pagehttps://foragerproject.com/pages/faqs
Elementdiv > div > div:nth-of-type(1) > predictive-search > form > button:nth-of-type(2)
Accessible nameSearch
Markup<button type="submit" class="search__button field__button" aria-label="Search">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="32px" viewBox="0 0 31 32" version="1.1">
<g id="Asset-Guide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons/Illustrations" transform="translate(-643, -238)" stroke="currentColor">
<g id="Group" transform="translate(643, 238)">
<g id="icons/search-mobile" transform="translate(5, 3)">
<circle id="Oval" cx="12.5" cy="9.5" r="9"></circle>
… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref 1RG43R
Affected pagehttps://foragerproject.com/
Elementbutton#shopify-pc__banner__btn-accept
Accessible nameAccept
Markup<button id="shopify-pc__banner__btn-accept" class="shopify-pc__banner__btn-accept" type="button">Accept</button>
Component · Ref BO8BKT
Affected pagehttps://foragerproject.com/
Elementa#shopify-pc__banner__body-policy-link
Accessible namePrivacy Policy
Markup<a id="shopify-pc__banner__body-policy-link" href="https://foragerproject.com/policies/privacy-policy" target="_blank" rel="noopener noreferrer">Privacy Policy</a>
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A)45 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 mattersA 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 correctionUse a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View 45 affected elements
Component · Ref 17QYMJ
Affected pagehttps://foragerproject.com/
Elementdiv > form > div > div > div:nth-of-type(3) > div:nth-of-type(2)
Markup<div class="gfb__discount-wrapper" onclick="Globo.FormBuilder.handleCopyDiscountCode(this)">
<div class="gfb__content-discount">
<span class="gfb__discount-code"></span>
<div class="gfb__copy">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref VB9PYL
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv#ot-pc-content > div:nth-of-type(2) > div:nth-of-type(1) > ul > li:nth-of-type(2) > div
Accessible nameStrictly Necessary Cookies
Roletab
Markup<div class="category-menu-switch-handler" role="tab" tabindex="-1" aria-selected="false" aria-controls="ot-desc-id-C0001"><h3 id="ot-header-id-C0001">Strictly Necessary Cookies</h3></div>
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref BVRSR5
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv#globo-formbuilder-95406 > div > div > div > div:nth-of-type(2) > div:nth-of-type(4)
Markup<div class="dismiss" onclick="Globo.FormBuilder.dismiss(this)">
<svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
</div> Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref KAQJKW
Affected pagehttps://foragerproject.com/blogs/blog/how-to-afford-buying-organic-produce-and-products
Elementdiv#globo-formbuilder-95406 > div > div > div > div:nth-of-type(1)
Markup<div class="header dismiss hidden" onclick="Globo.FormBuilder.closeModalForm(this)">
<svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
</div> Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref WX36A3
Affected pagehttps://foragerproject.com/pages/faqs
Elementdiv > form > div > div > div:nth-of-type(3) > div:nth-of-type(4)
Markup<div class="dismiss" onclick="Globo.FormBuilder.dismiss(this)">
<svg width="20" height="20" viewBox="0 0 20 20" class="" focusable="false" aria-hidden="true"><path d="M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z" fill-rule="evenodd"></path></svg>
</div> Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref IOZB87
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv > div:nth-of-type(3) > div:nth-of-type(1) > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup<summary class="header__search-trigger" aria-haspopup="dialog" aria-label="Search" role="button">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="31px" height="32px" viewBox="0 0 31 32" version="1.1">
<g id="Asset-Guide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Icons/Illustrations" transform="translate(-643, -238)" stroke="currentColor">
<g id="Group" transform="translate(643, 238)">
<g id="icons/search-mobile" transform="translate(5, 3)">
<circle id="Oval" cx="12.5" cy="9.5" r="9"></c… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref F7DKI9
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv#globo-formbuilder-95406 > div > div > div > div:nth-of-type(2) > div:nth-of-type(2)
Markup<div class="gfb__discount-wrapper" onclick="Globo.FormBuilder.handleCopyDiscountCode(this)">
<div class="gfb__content-discount">
<span class="gfb__discount-code"></span>
<div class="gfb__copy">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
High
Modal dialog does not trap keyboard focus
WCAG 2.4.3 (A)5 instances5 inspected pages
An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
Why it mattersAn open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.
Recommended correctionWhile a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.
View 5 affected elements
Component · Ref MG4YUM
Affected pagehttps://foragerproject.com/products/coconutmilk
Elementdiv > div:nth-of-type(3) > div:nth-of-type(1) > details-modal > details > div
Accessible nameSearch
Roledialog
Markup<div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search">
<div class="modal-overlay"></div>
<div class="search-modal__content search-modal__content-bottom" tabindex="-1">
<predictive-search>
<form action="/search" method="get" role="search" class="search__form">
<input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Type keyword to search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results" aria-haspopup="… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
High
Form fields use placeholder text as the only label
WCAG 1.3.1 (A)10 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 mattersFields 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 correctionAdd a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
View 10 affected elements
Component · Ref CHEEGN
Affected pagehttps://foragerproject.com/products/coconutmilk
Elementinput#Search-In-Modal-Offcanvas
Rolecombobox
Markup<input class="search__input field__input" id="Search-In-Modal-Offcanvas" type="search" name="q" value="" placeholder="Type keyword to search" 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">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
High
Links must be distinguishable without relying on color
WCAG 1.4.1 (A)5 instances5 inspected pages
Links must be distinguishable without relying on color
Why it mattersLinks must be distinguishable without relying on color
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 5 affected elements
Component · Ref J5OP0I
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementa[href$="manufactur.co"]
Accessible nameManufactur
Markup<a href="https://manufactur.co" target="_blank" aria-label="Manufactur" title="Manufactur" rel="noreferrer noopener">Manufactur</a>
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
High
Images lack text alternatives
WCAG 1.1.1 (A)2 instances2 inspected pages
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Why it mattersInformative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Recommended correctionAdd a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.
View 2 affected elements
Component · Ref E6NA39
Affected pagehttps://foragerproject.com/products/coconutmilk
Element.infographic-item:nth-child(2) > .image-contain[width="200"][data-loaded="true"]
Markup<img data-src="//foragerproject.com..." width="200" loading="lazy" class="image-contain lozad" src="//foragerproject.com..." style="aspect-ratio: 200/Na..." data-srcset="//foragerproject.com..." x-effect="if( window.loadLozad..." srcset="//foragerproject.com..." data-loaded="true">
Affected pages/products/coconutmilk /products/summer-berry-greek-style
Medium
ARIA attributes have invalid values
WCAG 4.1.2 (A)15 instances5 inspected pages
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Why it mattersARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Recommended correctionCorrect ARIA attribute values and ensure referenced ids exist in the DOM.
View 15 affected elements
Component · Ref 09T8LA
Affected pagehttps://foragerproject.com/pages/faqs
Element.list-social__item:nth-child(1) > .list-social__link.link[aria-describedby="a11y-external-message"]
Accessible nameFacebook
Markup<a href="https://www.facebook.com/ForagerProject/" target="_blank" class="link link--text list-social__link" aria-describedby="a11y-external-message" rel="noreferrer noopener">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)78 instances5 inspected pages
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Why it mattersText and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended correctionIncrease the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.
View 78 affected elements
Component · Ref XRRL6D
Affected pagehttps://foragerproject.com/pages/faqs
Elementa[href$="manufactur.co"]
Accessible nameManufactur
Markup<a href="https://manufactur.co" target="_blank" aria-label="Manufactur" title="Manufactur" rel="noreferrer noopener">Manufactur</a>
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref FCNE7Z
Affected pagehttps://foragerproject.com/
Element.footer-copyright
Accessible name©Forager Project 2026 — Site by Manufactur
Markup<div class="cell small-12 large-12 footer-copyright">
©Forager Project 2026 — Site by <a href="https://manufactur.co" target="_blank" aria-label="Manufactur" title="Manufactur" rel="noreferrer noopener">Manufactur</a>
</div> Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref 3GILFI
Affected pagehttps://foragerproject.com/products/coconutmilk
Element#block--AQkFWZlZGZ1lDYmo5L__section_content_title_TBAx86 > .split-text--rendered.section-title__inner[data-split-text="fadeUp"] > .split-text:nth-child(2) > .split-text__inner
Accessible namerecipes
Markup<span class="split-text__inner">recipes</span>
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref MGONA8
Affected pagehttps://foragerproject.com/
Element.split-text:nth-child(7) > .split-text__inner
Accessible namewe’re
Markup<span class="split-text__inner">we’re</span>
Affected pages/ /pages/faqs
Component · Ref 77WZIY
Affected pagehttps://foragerproject.com/
Elementa[aria-label="Find us"] > .text
Accessible nameFind us
Markup<span class="text">Find us</span>
Component · Ref 6YLFTG
Affected pagehttps://foragerproject.com/
Elementa[aria-label="Our Foods"] > span
Accessible nameOur Foods
Markup<span>Our Foods</span>
Component · Ref EZ66Y5
Affected pagehttps://foragerproject.com/products/coconutmilk
Element#onetrust-policy-text
Accessible nameThis website uses cookies and other tracking technologies to enhance user experience and to analyze performance and traffic on our website. We also share information about your use of our site with our social media, advertising and analytics partners. If we have detected an opt-out preference signal then it will be honored. Further information is available in our Privacy Policy
Markup<div id="onetrust-policy-text">
Component · Ref AK3PWO
Affected pagehttps://foragerproject.com/
Element.secondary > span
Accessible nameFind Us
Markup<span>Find Us</span>
Component · Ref PDCD5K
Affected pagehttps://foragerproject.com/
Element.large.section-text[data-stagger-inview="> *"] > .is-inview
Accessible nameDairy-free creamers made for real coffee lovers
Markup<p class="is-inview">Dairy-free creamers made for real coffee lovers</p>
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 mattersMeaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Recommended correctionWrap primary content in <main> and other regions in appropriate landmark elements.
View 5 affected elements
Component · Ref CB6WJI
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(3) > p:nth-of-type(1)
Accessible nameWe appreciate you contacting us. One of our colleagues will get back in touch with you soon!
Markup<p>We appreciate you contacting us. One of our colleagues will get back in touch with you soon!</p>
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
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 mattersThe page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Recommended correctionGive each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.
View 10 affected elements
Component · Ref F4DSN4
Affected pagehttps://foragerproject.com/
Elementform > div > div > header > div > nav
Markup<nav class="steps hidden">
<div class="step last" data-element-id="group-1" data-step="0">
<div class="step__content">
<p class="step__number"></p>
… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref A9G028
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementdiv#shopify-section-sections--24860202271008__header > div > div > div > div:nth-of-type(3) > nav
Accessible nameOur Foods
Our story
Our craft
Our impact
The Forager blog
Explore our recipes
Cashew & Coconut Yogurt
Greek Style Yogurt
Kids Yogurt
Milk &
Creamers
Sour Cream
Protein Shakes
Kefir Style Drinks
Explore all products
Learn
Our story
Our craft
Our impact
Recipes
Markup<nav class="header__menu header-menu right">
<ul class="header-menu__items">
<li class="header-menu__item mega-menu__trigger">
<a class="header-menu__title mega-menu__trigger-anchor" href="#" aria-label="Our Foods" title="Our Foods" aria-expanded="false" @click="
$nextTick( () => $el.blur() );
">
<span>Our Foods</span>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11" height="7">
<path fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stro… Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Medium
ARIA hidden element must not be focusable or contain focusable elements
WCAG 4.1.2 (A)18 instances3 inspected pages
ARIA hidden element must not be focusable or contain focusable elements
Why it mattersARIA hidden element must not be focusable or contain focusable elements
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 18 affected elements
Component · Ref BUNL61
Affected pagehttps://foragerproject.com/
Element#shopify-block-AUytzOEVqT1RDcFVwU__article_recipe_card_FJHtFk
Accessible nameNo Bake Apple Cheesecake Jars
Get recipe
Markup<div id="shopify-block-AUytzOEVqT1RDcFVwU__article_recipe_card_FJHtFk" class="shopify-block blog-carousel__entry mfr-carousel__item" style="position: absolute; left: 0px; transform: translateX(408.52%);" aria-hidden="true">
Affected pages/ /products/coconutmilk
Component · Ref A0TURB
Affected pagehttps://foragerproject.com/
Element.collection-carousel__item.mfr-carousel__item[aria-hidden="true"]:nth-child(4)
Accessible nameKids Yogurt
Markup<div class="collection-carousel__item mfr-carousel__item" style="position: absolute; left: 0px; transform: translateX(310.71%);" aria-hidden="true">
Component · Ref 1K6J63
Affected pagehttps://foragerproject.com/blogs/blog/how-to-afford-buying-organic-produce-and-products
Element.related-articles__item.mfr-carousel__item[aria-hidden="true"]:nth-child(6)
Accessible namePlant based living
Read time: 4 mins
How to Make a Vegan Charcuterie Board
Markup<div class="related-articles__item mfr-carousel__item" style="position: absolute; left: 0px; transform: translateX(511.61%);" aria-hidden="true">
Medium
Carousel has no accessible controls
WCAG 2.1.1 (A)3 instances3 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 mattersA 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 correctionProvide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.
View 3 affected elements
Component · Ref JDTX3J
Affected pagehttps://foragerproject.com/products/coconutmilk
Elementdiv#shopify-block-AUkFPc2JkYXBlMEJZT__image-video-banner > div
Accessible name#shopify-block-ATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM .mfr-video-with-controls__inner {
max-width: px;
aspect-ratio: ;
}
@media (min-width: 1024px) {
#shopify-block-ATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM .mfr-video-with-controls__inner {
max-width: px;
aspect-ratio: ;
}
}
#shopify-block-AVmlhMDNPMjVxcTQ4T__section-content {}
#shopify-block-ANjV1RS9lWnRVaDZsM__section_content_title_KbgtH4 {
--highlight-color: ;
}
#shopify-block-AUjJ2Sm8wbEJ4R3FyY__section_content_spacer_D7LzW4 {
width: 100%;
height: 365px;
}
@media (min-width: 1024px ) {
#shopify-block-AUjJ2Sm8wbEJ4R3FyY__section_content_spacer_D7LzW4 {
height: 610px;
}
}
Markup<div class="mfr-carousel image-video-banner__carousel" x-data="MFRCarousel({
contain: true,
wrapAround: true,
groupCells: false,
autoPlay:5000,
mobileSettings: {
cellAlign: "center",
wrapAround: true
}
})" data-stagger-inview=".mfr-carousel__item > *">
<div id="shopify-block-ATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM" class="shopify-block image-video-banner__video-slide mfr-carousel__item" style="">
<div class="video-banner ">
<style>
#shopify-block-ATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM .mfr-video-with-controls__inne… Affected pages/ /products/coconutmilk /products/summer-berry-greek-style
Medium
<video> elements must have captions
WCAG 1.2.2 (A)2 instances2 inspected pages
<video> elements must have captions
Why it matters<video> elements must have captions
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 2 affected elements
Component · Ref OT6CLN
Affected pagehttps://foragerproject.com/products/summer-berry-greek-style
Elementvideo
Accessible namemaybe a poster image about the video
Markup<video playsinline="" loop="" muted="" preload="none" poster="//foragerproject.com..." x-ref="videoATUptZzVwaHk4cE..." x-intersect:enter="
document.quer..." x-intersect:leave="$el.pause();" data-mfr-autoplay="" @click="
if( $el.paused ..."> Affected pages/products/coconutmilk /products/summer-berry-greek-style
Low
Low-quality alternative text
WCAG 1.1.1 (A)45 instances5 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 mattersAlt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Recommended correctionReplace placeholder or filename alt text with a concise description of what the image conveys.
View 45 affected elements
Component · Ref 2ZJIT4
Affected pagehttps://foragerproject.com/
Elementdiv > div > div > div:nth-of-type(2) > a > img
Markup<img src="//foragerproject.com/cdn/shop/files/logo.png?v=1748526306&width=420" srcset="
//foragerproject.com/cdn/shop/files/logo.png?v=1748526306&width=300 300w,
//foragerproject.com/cdn/shop/files/logo.png?v=1748526306&width=360 360w,
//foragerproject.com/cdn/shop/files/logo.png?v=1748526306&width=420 420w" sizes="(max-width: 1023px) 300px, 420px" alt="Forager Project" loading="eager" fetchpriority="high" decoding="async" width="420" height="119.48" style="aspect-ratio: 689.0 / 196.0"> Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref 39A7A0
Affected pagehttps://foragerproject.com/
Elementdiv#shop-mega-menu > div > div:nth-of-type(2) > a:nth-of-type(5) > div:nth-of-type(1) > img
Markup<img data-src="//foragerproject.com/cdn/shop/files/mega-menu-sour-cream.png?v=1751881121&width=360" alt="sour cream" width="360" loading="lazy" class=" lozad" src="//foragerproject.com/cdn/shop/files/mega-menu-sour-cream.png?v=1751881121&width=360" style="aspect-ratio: 360/371.52;" data-srcset="//foragerproject.com/cdn/shop/files/mega-menu-sour-cream.png?v=1751881121&width=450.0 360w," x-effect="if( window.loadLozadImages) window.loadLozadImages();" srcset="//foragerproject.com/cdn/shop/files/mega-menu-sour-cream.png?v=1751881121&width=450.0 360w," data-loaded="true">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref 2H3X5H
Affected pagehttps://foragerproject.com/products/coconutmilk
Elementdiv#shopify-block-AVXAyQVZoUVUrRWNze__article_recipe_card_QmBjhc > div > div:nth-of-type(2) > div:nth-of-type(2) > img
Markup<img data-src="//foragerproject.com/cdn/shop/files/Category_CashewmilkYogurt_Blueberry-min_36446f8b-57ac-4146-a8a6-0802f5a4062f.png?v=1751346760" alt="Blueberry Cashew & Coconut Yogurt" loading="lazy" class="image-contain lozad" src="//foragerproject.com/cdn/shop/files/Category_CashewmilkYogurt_Blueberry-min_36446f8b-57ac-4146-a8a6-0802f5a4062f.png?v=1751346760&width=15" style="aspect-ratio: /NaN;" data-srcset="" x-effect="if( window.loadLozadImages) window.loadLozadImages();">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Component · Ref 7N1UPC
Affected pagehttps://foragerproject.com/
Elementdiv#onetrust-group-container > img
Accessible nameForager Project
Markup<img class="ot-bnr-logo" src="https://cdn.cookielaw.org/logos/42a6617b-c2c8-449e-9c4b-0e60b9551aec/6ccf7dc6-c32d-4238-8f32-52a8489ce1fd/b44e1874-5302-4df0-bd4b-cbfb1f55a3a5/Screenshot_2023-05-22_at_3.37.20_PM.png" title="Forager Project" alt="Forager Project">
Affected pages/ /products/coconutmilk /pages/faqs /blogs/blog/how-to-afford-buying-organic-produce-and-products /products/summer-berry-greek-style
Low
Video may be missing captions
WCAG 1.2.2 (A)2 instances2 inspected pages
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Why it mattersA video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Recommended correctionProvide a synchronized captions track (<track kind="captions">) for video with meaningful audio.
View 2 affected elements
Component · Ref EYE9GM
Affected pagehttps://foragerproject.com/products/coconutmilk
Elementdiv#shopify-block-ATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM > div:nth-of-type(1) > video
Accessible namemaybe a poster image about the video
Markup<video playsinline="" loop="" muted="" preload="none" poster="//foragerproject.com/cdn/shop/files/preview_images/27341a12412f4308bbb1087f766356c7.thumbnail.0000000000.jpg?v=1751576812&width=5120" x-ref="videoATUptZzVwaHk4cEF5Z__image_video_banner_video_slide_GGEUwM" x-intersect:enter="
document.querySelectorAll("video").forEach(video => {
video.pause();
});
$el.play();
" x-intersect:leave="$el.pause();" data-mfr-autoplay="" @click="
if( $el.paused ) {
document.querySelectorAll("video").forEach(video => {
video.pause();… Affected pages/products/coconutmilk /products/summer-berry-greek-style