Public accessibility assessment

Accessibility issues detected on meaningfulbeauty.com

Evolize inspected 5 public pages on meaningfulbeauty.com and detected 84 automatically identifiable accessibility findings.

84Findings detected
9WCAG criteria affected
5Pages inspected
7 Sep 2026Assessment date

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

Most widespread issueText has insufficient colour contrastDetected on 5 inspected pages
Most affected page/53 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)39 detected findings

Is meaningfulbeauty.com your website?

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

https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on meaningfulbeauty.com and detected 84 accessibility findings. The most widespread issue was "Text has insufficient colour contrast", detected on 5 inspected pages. The most affected inspected page was "/", where 53 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.

  1. 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 https://www.instagram.com/meaningfulbeauty/.

    View technical evidence →
  2. 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 https://www.instagram.com/meaningfulbeauty/.

    View technical evidence →
  3. Critical

    Links lack accessible text

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

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

    Recommended action

    Add accessible text to the link, such as the social media platform name, to allow screen-reader users to determine the link destination. For example, add text inside the link element: <a class="social-icon-items" href="https://www.instagram.com/meaningfulbeauty/" target="_blank">Instagram</a>

    View technical evidence →
  4. Critical

    Form fields are missing labels

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

    Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

    Recommended action

    Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

    View technical evidence →
  5. Critical

    Links lack accessible text

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

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

    Recommended action

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

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA3955 / 5
2.1.1KeyboardA1555 / 5
4.1.2Name, Role, ValueA944 / 5
2.4.3Focus OrderA755 / 5
1.3.1Info and RelationshipsA555 / 5
2.4.4Link Purpose (In Context)A444 / 5
1.1.1Non-text ContentA344 / 5
1.2.2Captions (Prerecorded)A311 / 5
2.2.2Pause, Stop, HideA111 / 5

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

Continuous monitoring

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

Evolize continuously reassesses public website pages, detects newly introduced or recurring accessibility findings, and tracks remediation over time.

04 · All detected findings

Critical

Form fields are missing labels

WCAG 1.3.1 (A)1 instance1 inspected page

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Why it matters

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Recommended correction

Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

View 1 affected element
Component · Ref PJCDHS
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element#Quantity-template--23939644358937__main
Accessible nameNumber
Markup
<input class="quantity__input pdp__quantity_input" type="number" name="quantity" id="Quantity-template--23939644358937__main" min="1" value="1" max="3" form="product-form-template--23939644358937__main" readonly="">
High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)65 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

To fix this issue, ensure the text and background colors of the button meet the minimum contrast ratio of 4.5:1 for normal text. You can adjust the CSS styles for the button class 'klaviyo-form-button' to use a color combination with sufficient contrast.

View 65 affected elements
Component · Ref ZM6D18
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element.go2151168642
Accessible nameJOIN IN
Markup
<button type="button" tabindex="0" data-action-id="01JEBYN2ZMM2GYFHZMGYHMJT8T" class="needsclick go2151168642 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">JOIN IN</button>
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref XDD4UE
Affected pagehttps://meaningfulbeauty.com/pages/contact
Element.promostrip-wrapper
Accessible name25% Off Your Introductory Deluxe Skincare System
Markup
<span class="promostrip-wrapper cloak"><strong>25% Off </strong> Your Introductory Deluxe Skincare System </span>
Affected pages/pages/contact /es/pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref TGH3VU
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Element.promostrip-wrapper > strong
Accessible name25% Off
Markup
<strong>25% Off </strong>
Affected pages/pages/faq-customer-service /products/firming-serum
Component · Ref ID3VEN
Affected pagehttps://meaningfulbeauty.com/pages/contact
Elementstrong
Accessible name25% Off
Markup
<strong>25% Off </strong>
Affected pages/pages/contact /es/pages/contact
Component · Ref 802B9
Affected pagehttps://meaningfulbeauty.com/
Element#review-text-header_dby9Gq
Accessible nameSkin feels hydrated, has nice glow to it. I like the nightly retinol, it is smooth and feels nice on my skin. Amy, 37 #review-text-header_dby9Gq,.review-text{ font-family:'Bodoni Moda', serif; font-size:28px; font-weight:500; color:#5a5357; line-height: 1.2; } #review-signature-header_dby9Gq,.review-signature{ font-family:'Montserrat', sans-serif; font-size:16px; font-weight:500; color:#5a5357; } @media(max-width:39.99em){ #review-text-header_dby9Gq,.review-text{ font-size:6.111vw; } #review-signature-header_dby9Gq,.review-signature{ font-size:3.889vw; } } @media (min-width: 640px) and (max-width: 1200px){ #review-text-header_dby9Gq,.review-text{ font-size: 1.944vw; } #review-signature-header_dby9Gq,.review-signature{ font-size: 1.463vw; } }
Markup
<div class="review-text" id="review-text-header_dby9Gq">
Component · Ref MMW8JD
Affected pagehttps://meaningfulbeauty.com/
Element#review-signature-header_dby9Gq
Accessible nameAmy, 37
Markup
<div class="review-signature" id="review-signature-header_dby9Gq">Amy, 37</div>
Component · Ref PENXDX
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementrecharge-subscription-widget,.strike-through
Markup
<span class="rc-price strike-through text-muted" part="rc-purchase-option__original-price">
                    <!--?lit$024662595$-->$54.00
                  </span>
Component · Ref SRFYTK
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element#addToCartPdp > .add_to_cart_label
Accessible nameSUBSCRIBE
Markup
<span class="add_to_cart_label">SUBSCRIBE</span>
Component · Ref 7CG9F2
Affected pagehttps://meaningfulbeauty.com/es/pages/contact
Elementbutton[type="submit"]
Accessible nameSend
Markup
<button type="submit" class="button">
          Send
        </button>
Component · Ref 73Q3RK
Affected pagehttps://meaningfulbeauty.com/
Element#block-cta-content-section_cta_block_TDVGy8
Accessible nameORDER NOW
Markup
<a href="/pages/core-sd" id="block-cta-content-section_cta_block_TDVGy8" class="special-banner-cta-content" data-uw-rm-brl="PR" data-uw-original-href="/pages/core-sd">
            ORDER NOW
          </a>
Component · Ref DRDV2W
Affected pagehttps://meaningfulbeauty.com/pages/contact
Element.button[type="submit"]
Accessible nameSend
Markup
<button type="submit" class="button">
          Send
        </button>
Component · Ref CNH0CC
Affected pagehttps://meaningfulbeauty.com/
Element.result-section.splide__slide:nth-child(2) > .brand-bfaf-result-content > p > strong
Accessible namewearing less makeup
Markup
<strong>wearing less makeup</strong>
Component · Ref JZMY2I
Affected pagehttps://meaningfulbeauty.com/
Element#whats-included-slider-slide02 > div > .product-description
Accessible nameOur multi-tasking moisturizer is designed to visibly firm, plump and hydrate the skin as it helps protect against UV rays and other environmental aggressors.
Markup
<div class="product-description">Our multi-tasking moisturizer is designed to visibly firm, plump and hydrate the skin as it helps protect against UV rays and other environmental aggressors.</div>
Component · Ref NI95XW
Affected pagehttps://meaningfulbeauty.com/
Element.real-price
Accessible name$ 59.96
Markup
<div class="real-price">
              <sup class="dollar">$</sup>
59<sup class="sub-price">.96</sup>
            </div>
Component · Ref IYYZSL
Affected pagehttps://meaningfulbeauty.com/
Element.result-section.splide__slide:nth-child(2) > .brand-bfaf-result.text-center > h5
Accessible name97%
Markup
<h5 data-uw-rm-heading="prs">97%</h5>
Component · Ref QMROXT
Affected pagehttps://meaningfulbeauty.com/
Element.desktop-grid > .promo-button[href$="lp-core-ageproofhair"][data-uw-original-href$="lp-core-ageproofhair"]
Accessible nameLearn About HAIRCARE
Markup
<a href="/pages/lp-core-ageproofhair" class="promo-button" data-uw-rm-brl="PR" data-uw-original-href="/pages/lp-core-ageproofhair">Learn About <span>HAIRCARE</span></a>
Component · Ref SIQE1Q
Affected pagehttps://meaningfulbeauty.com/
Element.desktop-grid > .promo-button[href$="lp-core-ageproofhair"][data-uw-original-href$="lp-core-ageproofhair"] > span
Accessible nameHAIRCARE
Markup
<span>HAIRCARE</span>
Component · Ref MYDBU1
Affected pagehttps://meaningfulbeauty.com/
Element#whats-included-slider-slide01 > .pro-tag-name
Accessible nameNEW ADVANCED FORMULA
Markup
<span class="pro-tag-name "> NEW ADVANCED FORMULA</span>
Component · Ref QTVVCL
Affected pagehttps://meaningfulbeauty.com/
Element#whats-included-slider-slide02 > div > .product-title-new > .subline
Accessible nameBroad Spectrum SPF 30 Sunscreen
Markup
<span class="subline">Broad Spectrum SPF 30 Sunscreen</span>
Component · Ref YG0AH5
Affected pagehttps://meaningfulbeauty.com/
Element#whats-included-slider-slide04 > div > .product-title-new > strong
Accessible nameLifting Eye Creme
Markup
<strong>Lifting Eye Creme</strong>
Component · Ref DVMWGU
Affected pagehttps://meaningfulbeauty.com/
Element.result-section.splide__slide:nth-child(2) > .brand-bfaf-result-content > p
Accessible nameof women said they feel confident wearing less makeup.*
Markup
<p>of women said they feel<br> confident <strong>wearing less makeup</strong>.*</p>
Component · Ref PX7KNU
Affected pagehttps://meaningfulbeauty.com/
Element.special-billboard
Accessible nameSPECIAL
Markup
<div class="special-billboard">SPECIAL</div>
Component · Ref 25I23R
Affected pagehttps://meaningfulbeauty.com/
Elementem > .english
Accessible nameLabor Day Sale
Markup
<span class="english">Labor Day Sale</span>
Component · Ref HG5PNW
Affected pagehttps://meaningfulbeauty.com/
Element.real-price > .sub-price
Accessible name.96
Markup
<sup class="sub-price">.96</sup>
Component · Ref 0OV0SA
Affected pagehttps://meaningfulbeauty.com/
Element.for-desktop
Accessible nameFREE GIFTS + FREE SHIPPING MONEY-BACK GUARANTEE
Markup
<span class="for-desktop">FREE GIFTS + FREE SHIPPING <br>
MONEY-BACK GUARANTEE</span>

Showing 25 representative examples · 14 more affected elements not shown

High

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)46 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

Remove the element from the tab order by setting the 'tabindex' attribute to '-1' or by making the element visible when it receives focus.

View 46 affected elements
Component · Ref 9SNHNI
Affected pagehttps://meaningfulbeauty.com/pages/contact
Elementbutton#uw-open-accessibility
Accessible nameOpen the accessibility menu
Markup
<button class="uw-sl__item" data-uw-rm-ignore="true" data-uw-ignore-translate="true" lang="en-US" id="uw-open-accessibility"><span class="uw-sl__item__left" data-uw-ignore-translate="true"><span class="uw-sl__item__img"><svg focusable="false" width="23" height="28" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="presentation"><path d="M.018 8.639c.105-.595.65-.991 1.223-.877a53.94 53.94 0 0020.517 0c.625-.125 1.228.366 1.242 1.06.01.544-.402 1.003-.915 1.102-2.289.44-4.589.727-6.893.877-.948.063-1.647.948-1.54 1.932l.202 1.84c.314 2.87.958 5.69 1.919 8.399l1.26 3.553c.202.568-.076 …
Affected pages/ /pages/contact /es/pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref SU1B32
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#menu-drawer > div:nth-of-type(1) > div > div > a
Accessible nameLog in
Markup
<a href="/account/login" class="menu-drawer__account link focus-inset h5" data-uw-rm-brl="PR" data-uw-original-href="/account/login">
                      <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" fill="none" viewBox="0 0 18 19">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 4.5a3 3 0 116 0 3 3 0 01-6 0zm3-4a4 4 0 100 8 4 4 0 000-8zm5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15zM9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h1…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref P4ATAV
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementinput#Search-In-Modal-2
Accessible nameEnter your search term
Rolecombobox
Markup
<input class="search__input field__input" id="Search-In-Modal-2" type="search" name="q" value="" placeholder="Enter your search term" role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" data-uw-rm-form="fx" aria-label="Enter your search term" data-uw-hidden-control="hidden-control-element">
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref 7688GH
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#menu-drawer > div:nth-of-type(2) > predictive-search > form > div:nth-of-type(1) > button
Accessible nameSearch
Markup
<button class="search__button field__button" aria-label="Search">
                      <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation">
                        <use href="#icon-search">
                      </use></svg>
                    </button>
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref R0B3SK
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv:nth-of-type(1) > div > nav > ul > li:nth-of-type(1) > a
Accessible nameFace
Markup
<a href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset" data-uw-rm-brl="PR" data-uw-original-href="/" aria-label="Face" data-uw-rm-empty-ctrl="">
                            <span>Face</span>
                          </a>
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref 3UTVLW
Affected pagehttps://meaningfulbeauty.com/es/pages/contact
Elementa#cookieSettingButton
Accessible nameCookie Settings
Markup
<a id="cookieSettingButton" class="truyoCookieSettingButton text-decoration-underline" href="#" data-i18n="buttons.cookieSettingsBtn" style="color: rgb(254, 254, 254); font-size: 14px;" data-uw-rm-brl="PR" data-uw-original-href="#">Cookie Settings</a>
High

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)6 instances4 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

To fix this issue, ensure that all IDs used in ARIA attributes and labels are unique within the document. For the 'TV Special offer slider' element, update the 'id' attribute to a unique value, such as 'Slider-topnav-Slider-unique'. Additionally, verify that all other elements with ARIA attributes and labels have unique IDs.

View 6 affected elements
Component · Ref PDO67W
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Element#Details-HeaderMenu-4 > .mega-menu__content.global-settings-popup.motion-reduce > .main_mega_menu_content > .container > .row > .custm-colm > slider-component > .grid.grid--1-col-tablet-down.slider
Accessible nameTV Special offer slider
Rolelist
Markup
<ul id="Slider-topnav-Slider" data-id="topnav-Slider" class="grid grid--1-col-tablet-down slider slider--desktop slider--tablet grid--peek top-nav-links-mob" role="list" aria-label="TV Special offer slider">
Affected pages/ /pages/contact /pages/faq-customer-service
Component · Ref F9O9Q1
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element#Details-HeaderMenu-4 > .mega-menu__content.global-settings-popup.motion-reduce > .main_mega_menu_content > .container > .row > .custm-colm > .slider-component-full-width.slider-component-desktop.tv_sp_offer_slider > .grid--1-col-tablet-down.slider.slider--desktop
Accessible nameTV Special offer slider
Rolelist
Markup
<ul id="Slider-topnav-Slider" data-id="topnav-Slider" class="grid grid--1-col-tablet-down slider slider--desktop slider--tablet grid--peek top-nav-links-mob" role="list" aria-label="TV Special offer slider">
Component · Ref IB2V38
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Element.open > summary
Accessible nameDoes Meaningful Beauty have a money-back guarantee?
Rolebutton
Markup
<summary id="Summary-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1">
Component · Ref HXJUN1
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Element.open > .accordion-content[role="region"]
Accessible nameDoes Meaningful Beauty have a money-back guarantee?
Roleregion
Markup
<div class="accordion-content" id="CollapsibleAccordion-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1" role="region" aria-labelledby="Summary-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1">
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)42 instances4 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

Add a tabindex attribute to the summary element or replace it with a focusable HTML element such as a button or an anchor with an href attribute. Ensure that the element can receive keyboard focus and that its interactive state is clearly indicated to users.

View 42 affected elements
Component · Ref TXAVCR
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdetails#Details-menu-drawer-menu-item-4 > summary
Accessible nameSpecial Offers
Rolebutton
Markup
<summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset" role="button" aria-expanded="true" aria-controls="link-special-offers">
                              Special Offers
                              <span class="ab-mega-menu-icon"><svg fill="#5a5357" width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke="#000000" stroke-width="0.00024000000000000003"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <polygon fill-rule="eve…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref 5W7S1Y
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Elementdiv > header > div:nth-of-type(2) > 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" viewBox="0 0 512 512" width="24" height="24" fill="none" stroke="currentColor" stroke-width="24" stroke-linecap="round" stroke-linejoin="round">
<circle cx="232" cy="232" r="160"></circle>
<line x1="342" y1="342" x2="472" y2="472"></line>
</svg>
              <!-- <svg class="modal__toggle-open icon icon-search " aria-hidden="true" focusable="false" role="present…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref X0LQ20
Affected pagehttps://meaningfulbeauty.com/pages/contact
Elementdetails#Details-menu-drawer-container > summary
Accessible nameMenu
Rolebutton
Markup
<summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu" role="button" aria-expanded="false">
            <span>
              <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16">
  <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor">
</path></svg>

              <svg xmlns="http://www.w3.org/2000/svg" aria-hidde…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref 8X96P6
Affected pagehttps://meaningfulbeauty.com/
Elementdetails#Details-HeaderMenu-4 > summary
Accessible nameSpecial Offers
Rolebutton
Markup
<summary class="header__menu-item list-menu__item link focus-inset" role="button" aria-expanded="false">
                        <span class="mega-header">Special Offers
                         <svg fill="#5a5357" width="15px" height="15px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke="#000000" stroke-width="0.00024000000000000003"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <polygon fill-rule="evenodd" points="19.293 7.293 20.707 8.707 12 17.414 3.293 8.707 4.707 …
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref PX6ABU
Affected pagehttps://meaningfulbeauty.com/pages/faq-customer-service
Elementsummary#Summary-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1
Accessible nameHow do I cancel my subscription?
Rolebutton
Markup
<summary id="Summary-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1" role="button" aria-expanded="false" aria-controls="CollapsibleAccordion-collapsible_row_yQa76J-template--23651484270756__faq_accordion_ThCqFf1">
                 <h3 class="accordion-title" data-uw-rm-heading="prs">
                    How do I cancel my subscription?
                 </h3>
                </summary>
Component · Ref 00S3KA
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-2
Accessible nameFilter reviews by 4 stars
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 4 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-2" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref 00S3K8
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-0
Accessible nameFilter reviews by all ratings
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by all ratings" aria-selected="true" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-7aac675c="" class="formated-value">All ratings</span></div><svg data-v-75d918e0="" data-v-7aac675c="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class=…
Component · Ref MZ9IQP
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.07576574921534185-yotpo-dropdown-option-1
Accessible nameHighest rating
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.07576574921534185-yotpo-dropdown-option-1" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Highest rating</div><!----></div>
Component · Ref 00S3KD
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-3
Accessible nameFilter reviews by 3 stars
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 3 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-3" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref 00S3KF
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-5
Accessible nameFilter reviews by 1 star
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 1 star" aria-selected="false" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-5" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns="…
Component · Ref MZ9IQO
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.07576574921534185-yotpo-dropdown-option-0
Accessible nameMost relevant
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-selected="true" id="dropdown-yotpo-dropdown-0.07576574921534185-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Most relevant</div><svg data-v-75d918e0="" data-v-7aac675c="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="yotpo-selected-icon--focused yotpo-selected-icon" data-testid="dropdown-selected-icon" aria-h…
Component · Ref 00S3KC
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-4
Accessible nameFilter reviews by 2 stars
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 2 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-4" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref 00S3KB
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.6458685865467351-yotpo-dropdown-option-1
Accessible nameFilter reviews by 5 stars
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 5 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.6458685865467351-yotpo-dropdown-option-1" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref MZ9IQQ
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Elementdiv#dropdown-yotpo-dropdown-0\.07576574921534185-yotpo-dropdown-option-2
Accessible nameLowest rating
Roleoption
Markup
<div data-v-7aac675c="" role="option" aria-selected="false" id="dropdown-yotpo-dropdown-0.07576574921534185-yotpo-dropdown-option-2" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Lowest rating</div><!----></div>
High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)4 instances4 inspected pages

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Why it matters

An open modal leaves the content behind it keyboard-focusable, so keyboard and screen reader users can tab out of the dialog into hidden page content.

Recommended correction

To fix this issue, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute of the modal container to `-1` and making sure that all focusable elements within the modal have a `tabindex` greater than or equal to `0`. Additionally, use JavaScript to prevent focus from escaping the modal by listening for the `keydown` event and checking if the focused element is within the modal. If not, move focus back to the first focusable element within the modal.

View 4 affected elements
Component · Ref 5SO4A7
Affected pagehttps://meaningfulbeauty.com/pages/contact
Elementdiv > header > div:nth-of-type(2) > details-modal > details > div
Accessible nameSearch
Roledialog
Markup
<div class="search-modal modal__content gradient" 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 class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
                  <div class="field">
                    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" required="" placeholder="Enter your search ter…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
High

Images lack text alternatives

WCAG 1.1.1 (A)16 instances4 inspected pages

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add an alt attribute to the img tag to provide a text description of the image content, such as alt="Image description". If the image is decorative, use alt="" to indicate it can be ignored by assistive technology.

View 16 affected elements
Component · Ref XF4YAC
Affected pagehttps://meaningfulbeauty.com/
Elementimg#community-slider-slide04
Accessible name4 of 14
Roletabpanel
Markup
<img src="//meaningfulbeauty.com/cdn/shop/files/mb-insta-feed-004.jpg?v=1733295509&amp;width=400" id="community-slider-slide04" class="insta-image splide__slide is-visible" loading="lazy" role="tabpanel" aria-roledescription="slide" aria-label="4 of 14" style="margin-right: 1rem; width: calc(16.6667% - 0.833333rem);" data-uw-rm-alt-original="null" alt="A close-up of two translucent, gelatinous textures on a blue background, with bubbles visible in one of the pieces." data-uw-rm-alt-hash="8127049962019031" data-uw-rm-alt="BE">
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref 2W7VOO
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element.pdp-product-benefit:nth-child(1) > .pdp-product-benefit-icon > .not_select_popup[width="50"][height="50"]
Markup
<img src="//meaningfulbeauty.com/cdn/shop/files/ICON_SKIN_ELASTICITY.svg?v=1733295492&amp;width=375" srcset="//meaningfulbeauty.com/cdn/shop/files/ICON_SKIN_ELASTICITY.svg?v=1733295492&amp;width=375 375w" width="50" height="50" loading="lazy" class="not_select_popup">
Component · Ref 1IANBD
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element.pdp-how-to-use-image > img[width="100%"][height="50%"]
Markup
<img src="//meaningfulbeauty.com/cdn/shop/files/Cindy_HTU_3.jpg?v=1733295493" width="100%" height="50%">
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

To fix this issue, remove the 'tabindex' attribute or set its value to '-1' for the element with the 'aria-hidden' attribute set to 'true'. This will prevent the element from being focusable while it is hidden.

View 1 affected element
Component · Ref WEO0OD
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element#slick-slide40
Accessible nameMelon Super Antioxidants Protect from environmental stressors such as pollution and free radicals
Roletabpanel
Markup
<div class="keyingredients-slide-item" style="" tabindex="0" role="tabpanel" id="slick-slide40" aria-describedby="slick-slide-control40" aria-hidden="true">
High

Interactive controls must not be nested

WCAG 4.1.2 (A)1 instance1 inspected page

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref IMZXO0
Affected pagehttps://meaningfulbeauty.com/
Element.bb-laborday2026
Accessible nameImage of Meaningful Beauty 7-Piece Deluxe Face & Neck Skincare System, plus two free gifts, $104 value
Roleimg
Markup
<div class="bb-laborday2026 core-common-billboard-wrapper bb-standard cloak" role="img" aria-label="Image of Meaningful Beauty 7-Piece Deluxe Face & Neck Skincare System, plus two free gifts, $104 value">
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 3X3WJR
Affected pagehttps://meaningfulbeauty.com/
Elementdiv#drawer__inner_id > div:nth-of-type(2) > p:nth-of-type(1)
Accessible nameYOUR SHOPPING CART IS CURRENTLY EMPTY
Markup
<p class="drawer__inner-title">YOUR SHOPPING CART IS CURRENTLY EMPTY</p>
Affected pages/ /pages/contact /es/pages/contact /pages/faq-customer-service /products/firming-serum
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)16 instances4 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

To make navigation regions distinguishable, provide an accessible name for each region using the 'aria-label' or 'aria-labelledby' attribute. For example, add 'aria-label="Primary Navigation"' to the nav element.

View 16 affected elements
Component · Ref 6B4WR5
Affected pagehttps://meaningfulbeauty.com/pages/contact
Elementdiv#shopify-section-header > div > div > header > div:nth-of-type(2) > nav
Markup
<nav class="header__inline-menu account-header-inline-menu">
  <ul class="list-menu list-menu--inline">
    <li><a href="/account/login" class="header__menu-item list-menu__item link link--text focus-inset account_menu" data-uw-rm-brl="PR" data-uw-original-href="/account/login" aria-label="Open this option" data-uw-rm-empty-ctrl="">
          <span class="custom_login_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="24" height="24" fill="none" stroke="currentColor" stroke-width="24">
  <circle cx="224" cy="136" r="88"></circle>
  <path d="M160 280h128c61 …
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Component · Ref AQGXBX
Affected pagehttps://meaningfulbeauty.com/
Elementdiv#menu-drawer > div:nth-of-type(1) > div > nav
Accessible nameFace Body Hair Special Offers Our Special Offers Special Offers ADVANCED SKINCARE SYSTEMS BODYCARE SYSTEMS HAIRCARE SYSTEMS .tv_sp_offer_slider ul#Slider-topnav-Slider{ margin-bottom: 0; gap: 10px; padding-left: 10px; width: 100vw; } /* .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { padding: 0 10px; } */ .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item p{ font-size: 14px; padding: 12px 3px 12px; text-decoration: underline; text-align: center; margin-bottom: 0; letter-spacing: normal; font-weight: 500; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item a{ padding-bottom: 0; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item .slider-button a{ padding-bottom: 0; display: flex !important; align-items: center; justify-content: center; } .tv_sp_offer_slider .slider-button{ padding: 0 !important; display: block; } .tv_sp_offer_slider .slider-button.slider-button--next svg{ transform: rotate(180deg); } @media (max-width: 369px) { .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { max-width: 90vw; } .tv_sp_offer_slider .slider-buttons{ max-width: 95vw; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item p{ font-size: 3.889vw; } } @media (min-width: 768px) { .tv_sp_offer_slider .slider-buttons{ display: none !important; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { max-width: 23%; padding: 0; margin: 0; } .tv_sp_offer_slider ul#Slider-topnav-Slider{ gap: 20px; justify-content: center; scroll-padding-left: 0; scroll-padding-right: 0; padding-left: 0; width: 100%; } .tv_sp_offer_slider.slider-component-full-width .slider--desktop:after{ display: none; } } @media (max-width: 768px) { .main_mega_menu_content .container{ max-width: 100%; } } Shop All About us Our StoryOur TechnologyReviewsFAQ .tv_sp_offer_slider ul#Slider-topnav-Slider{ margin-bottom: 0; gap: 10px; padding-left: 10px; width: 100vw; } /* .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { padding: 0 10px; } */ .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item p{ font-size: 14px; padding: 12px 3px 12px; text-decoration: underline; text-align: center; margin-bottom: 0; letter-spacing: normal; font-weight: 500; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item a{ padding-bottom: 0; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item .slider-button a{ padding-bottom: 0; display: flex !important; align-items: center; justify-content: center; } .tv_sp_offer_slider .slider-button{ padding: 0 !important; display: block; } .tv_sp_offer_slider .slider-button.slider-button--next svg{ transform: rotate(180deg); } @media (max-width: 369px) { .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { max-width: 90vw; } .tv_sp_offer_slider .slider-buttons{ max-width: 95vw; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item p{ font-size: 3.889vw; } } @media (min-width: 768px) { .tv_sp_offer_slider .slider-buttons{ display: none !important; } .tv_sp_offer_slider ul#Slider-topnav-Slider li.grid__item { max-width: 23%; padding: 0; margin: 0; } .tv_sp_offer_slider ul#Slider-topnav-Slider{ gap: 20px; justify-content: center; scroll-padding-left: 0; scroll-padding-right: 0; padding-left: 0; width: 100%; } .tv_sp_offer_slider.slider-component-full-width .slider--desktop:after{ display: none; } } @media (max-width: 768px) { .main_mega_menu_content .container{ max-width: 100%; } }
Markup
<nav class="menu-drawer__navigation">
                        <ul class="menu-drawer__menu has-submenu list-menu" role="list">
                    

                <li class="header-nav-face menu-drawer-list-item"><a href="/" class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" aria-current="page" data-uw-rm-brl="PR" data-uw-original-href="/" aria-label="Face" data-uw-rm-empty-ctrl="">
                            <span>Face</span>
                          </a></li>
                <li class="header-nav-body menu-drawer-list-item"><a href="…
Affected pages/ /pages/contact /pages/faq-customer-service /products/firming-serum
Medium

<video> elements must have captions

WCAG 1.2.2 (A)4 instances1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Add captions to the video element with id 'brand-bfaf-result-result_list_item_XhtbT4' to ensure that users with hearing impairments can understand the audio content. This can be done by adding a 'track' element with a 'kind' attribute set to 'captions' and a 'src' attribute pointing to a caption file.

View 4 affected elements
Component · Ref SOOXFN
Affected pagehttps://meaningfulbeauty.com/
Element#brand-bfaf-result-result_list_item_QfipDc
Markup
<video id="brand-bfaf-result-result_list_item_QfipDc" autoplay="" playsinline="" muted="" loop="" controlslist="nodownload" data-uw-rm-av="vi">
Component · Ref Q2RP02
Affected pagehttps://meaningfulbeauty.com/
Element#melon-story-video
Accessible nameTHE POWER
Markup
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" id="melon-story-video" class="melon-video" preload="metadata" poster="//meaningfulbeauty.com/cdn/shop/files/preview_images/MelonVideo-Image_Mobile_small.jpg?v=1748542554" loading="lazy" data-uw-rm-av="vi">
Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)2 instances1 inspected page

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

Verify that the ARIA attributes used in the combobox element reference existing ids and hold valid values. Ensure that the 'aria-controls' attribute points to an existing element and that the 'aria-labelledby' attribute references a valid label element. Update the ARIA attributes to conform to valid values as per the W3C ARIA specification.

View 2 affected elements
Component · Ref 2ZGBO1
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element.yotpo-dropdown-closable--textual
Accessible nameSort by
Rolecombobox
Markup
<div data-v-7aac675c="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.075..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">
Component · Ref 6PY6XF
Affected pagehttps://meaningfulbeauty.com/products/firming-serum
Element.yotpo-score-filter-container > .yotpo-dropdown-closable.yotpo-dropdown-closable--focused[data-testid="dropdown-combobox"]
Accessible nameRating
Rolecombobox
Markup
<div data-v-7aac675c="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.645..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">
Low

Video may be missing captions

WCAG 1.2.2 (A)4 instances1 inspected page

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Why it matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Add captions or subtitles to the video to ensure accessibility for users who are deaf or hard of hearing. This can be done by adding a track element to the video element with the kind attribute set to "captions" and the src attribute set to the URL of the caption file.

View 4 affected elements
Component · Ref 2WHY9W
Affected pagehttps://meaningfulbeauty.com/
Elementvideo#melon-story-video
Accessible nameTHE POWER
Markup
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" id="melon-story-video" class="melon-video" preload="metadata" poster="//meaningfulbeauty.com/cdn/shop/files/preview_images/MelonVideo-Image_Mobile_small.jpg?v=1748542554" loading="lazy" data-uw-rm-av="vi"><source src="//meaningfulbeauty.com/cdn/shop/videos/c/vp/77cae7fd2b424cfcb1af1997d0938167/77cae7fd2b424cfcb1af1997d0938167.HD-1080p-4.8Mbps-48472104.mp4?v=0" type="video/mp4"><img src="//meaningfulbeauty.com/cdn/shop/files/preview_images/MelonVideo-Image_Mobile_small.jpg?v=1748542554" data-uw-rm-alt-original="null"…
Low

List markup is malformed

WCAG 1.3.1 (A)1 instance1 inspected page

A list contains elements other than the list items it should, breaking its structure.

Why it matters

A list contains elements other than the list items it should, breaking its structure.

Recommended correction

To fix this issue, ensure that the <ul> element only directly contains <li>, <script>, or <template> elements. In this case, the <ul> element contains a <div> element, which is not allowed. Wrap the <div> element in an <li> element to maintain the correct list structure.

View 1 affected element
Component · Ref Q1GCW9
Affected pagehttps://meaningfulbeauty.com/
Element.before_after_slide > .splide__track > .splide__list
Accessible nameEYES LOOK LIFTED 100% of women said they feel more confident about the overall appearance of their skin.* #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:4.444vw; color:#5a5357; font-family:'Bodoni Moda',serif; font-weight: 300; margin: 2vw 0 0; text-align: center; line-height:normal; } .lang-es #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{font-size: 3.306vw;} #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:1.111vw; color:#5a5357; font-family:'Montserrat',sans-serif; font-weight: 300; line-height: 1.556vw; text-align: center; margin-top:0; margin-bottom: 0; } @media(max-width:639px){ #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:13.333vw; margin: 0; /*margin-bottom:1.111vw; margin-top:4vw; margin-left: -3.5vw; */ } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:3.5vw; margin-top: -2vw; line-height: 1.5; padding-bottom: 4.722vw; } } @media(min-width:1200px) { #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:62px; } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ margin: -10px 0 0; } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:16px; padding-bottom: 25px; } } SKIN LOOKS SMOOTHER 97% of women said they feel confident wearing less makeup.* #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:4.444vw; color:#5a5357; font-family:'Bodoni Moda',serif; font-weight: 300; margin: 2vw 0 0; text-align: center; line-height:normal; } .lang-es #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{font-size: 3.306vw;} #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:1.111vw; color:#5a5357; font-family:'Montserrat',sans-serif; font-weight: 300; line-height: normal; text-align: center; margin-top:0; margin-bottom: 0; } @media(max-width:639px){ #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:13.333vw; margin: 0; /*margin-bottom:1.111vw; margin-top:4vw; margin-left: -3.5vw; */ } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:3.5vw; margin-top: -2vw; line-height: 1.5; padding-bottom: 4.722vw; } } @media(min-width:1200px) { #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ font-size:62px; } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result h5{ margin: -10px 0 0; } #bfaf-result-feature-section-template--23932764389657__before_after_section_cGJ6mE .brand-bfaf-result-content p{ font-size:16px; padding-bottom: 25px; } }
Markup
<ul class="splide__list">

05 · Most affected inspected pages

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

  • Publicly accessible surfaces only — no credentials, private systems, or source-code access.
  • Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
  • Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

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