EVOLIZEDIGITAL RISK INTELLIGENCE
RUN FREE ASSESSMENT
RUN FREE ASSESSMENT
Public accessibility assessment

Accessibility issues detected on hydropeptide.com

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

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

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages
Most affected page/products/lumifirm22 findings detected
Most represented WCAG criterionWCAG 4.1.2 — Name, Role, Value12 detected findings

Is hydropeptide.com your website?

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

ACTIVATE MONITORINGRUN A FREE ASSESSMENT
https://

Not your website? Scan your own site →

01 · Accessibility summary

Evolize inspected 5 public pages on hydropeptide.com and detected 46 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/products/lumifirm", where 22 findings were detected. The assessment identified findings mapped to 8 WCAG success criterions. The sections below prioritize the broadest issues and provide technical evidence for each detected finding.

02 · Start here

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

  1. Critical

    Links lack accessible text

    WCAG 2.4.4 (A) · 1 inspected page · 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 /account/login.

    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://hydropeptide.com/pages/store-locator.

    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

    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://hydropeptide.com/pages/store-locator.

    View technical evidence →
  4. 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 /account/login.

    View technical evidence →
  5. Critical

    Required ARIA attributes are missing

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

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
4.1.2Name, Role, ValueA1255 / 5
2.4.4Link Purpose (In Context)A1055 / 5
1.4.3Contrast (Minimum)AA844 / 5
2.1.1KeyboardA655 / 5
2.4.3Focus OrderA455 / 5
1.3.1Info and RelationshipsA355 / 5
2.5.8Target Size (Minimum)AA322 / 5
2.2.2Pause, Stop, HideA255 / 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.

ACTIVATE MONITORINGSEE PRICING

04 · All detected findings

Critical

Required ARIA attributes are missing

WCAG 4.1.2 (A)2 instances1 inspected page

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 2 affected elements
Component · Ref P4XJD4
Affected pagehttps://hydropeptide.com/collections/aha-products
Element.boost-pfs-filter-button[role="checkbox"]
Accessible nameExfoliators & Masks (2)
Rolecheckbox
Markup
<button role="checkbox" class="boost-pfs-filter-button">
Component · Ref LKMFML
Affected pagehttps://hydropeptide.com/collections/aha-products
Element.boost-pfs-check-box
Rolecheckbox
Markup
<span class="boost-pfs-check-box" role="checkbox" tabindex="0" aria-labelledby="Exfoliators &amp; Masks"></span>
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)5 instances5 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 5 affected elements
Component · Ref XC3T4T
Affected pagehttps://hydropeptide.com/products/gift-card
Element#rebuy-cart
Accessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" data-rebuy-cart-layout="double-right" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" class="rebuy-cart currency-USD no-items">
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
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 V7LU2X
Affected pagehttps://hydropeptide.com/products/gift-card
Elementbutton#toggle-grandchildlink-featured-1-1
Accessible nameFEATURED
Markup
<button type="button" class="nav__child-link nav__child-link--mobile" data-toggle="> ul" aria-controls="grandchildlink-featured-1-1" aria-expanded="false" id="toggle-grandchildlink-featured-1-1" tabindex="0">
                        <span class="nav__child-link-text">FEATURED</span>
                        
                          <i class="nav__child-link-icon nav__child-link-icon--plus">
                            <svg version="1.1" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="13px" height="13px" viewBox…
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
Component · Ref 8GCH1S
Affected pagehttps://hydropeptide.com/pages/hydropeptide-medical-signup
Elementdiv#header > div:nth-of-type(2) > div > nav > div:nth-of-type(1) > button
Accessible nameClose Navigation
Markup
<button type="button" class="nav-header__close" data-toggle-class="menu-active" data-toggle-transition="{&quot;class&quot;: &quot;menu-transition&quot;, &quot;duration&quot;: 300}" data-close-mobile-nav="" aria-label="Close Navigation" tabindex="0">
      <svg version="1.1" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 14 14" xml:space="preserve">
  <g fill="currentColor">
		<polygon points="14,1.056 12.944,0 7,5.944 1.056,0 0,1.056 5.944,7 0,12.944 1.056,14 7,8.056 12.944,14 1…
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
Component · Ref 12WOBU
Affected pagehttps://hydropeptide.com/collections/aha-products
Elementul#grandchildlink-featured-1-1 > li:nth-of-type(4) > a
Accessible nameKits & Travel Sizes
Markup
<a href="/collections/gift-value-sets" class="nav__grandchild-link " tabindex="0">Kits &amp; Travel Sizes</a>
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
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 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

While 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 3JB3R1
Affected pagehttps://hydropeptide.com/
Elementdiv#rebuy-cart
Accessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" data-rebuy-cart-layout="double-right" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" class="rebuy-cart currency-USD no-items"><div class="rebuy-cart__flyout"><div data-rebuy-cart-anchor="header"><div data-rebuy-cart-header-top=""><div data-rebuy-cart-header-top-inner=""><h2 id="rebuy-cart-title" data-rebuy-component-id="title_bar" data-rebuy-component="title-bar" class="rebuy-cart__title">Your Cart</h2> <div data-rebuy-cart-header-top-inner-right=""><a data-rebuy-component="login" data-rebuy-component-id="login" href="/account/login" …
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)4 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 4 affected elements
Component · Ref 4E8R9B
Affected pagehttps://hydropeptide.com/
Elementul#swiper-wrapper-2293afa4662b445f > li
Accessible nameBEST SELLERS
Roletab
Markup
<li class="swiper-slide" role="tab"><button type="button" id="best-sellers" class="page-tab-collections-nav__button focus-visible-inside active" aria-pressed="true" aria-controls="best-sellers-tab" tabindex="-1">BEST SELLERS</button></li>
Component · Ref 4QCTL6
Affected pagehttps://hydropeptide.com/products/lumifirm
Elementul#swiper-wrapper-f210865272d5f6a5d > li:nth-of-type(3)
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible" role="tab" aria-label=" / "><button type="button" id="clinically-clean" class="product-tab-panel-nav__button focus-visible-inside" aria-selected="false" aria-controls="clinically-clean-tab" tabindex="0">CLINICALLY CLEAN</button></li>
Component · Ref TM1M2M
Affected pagehttps://hydropeptide.com/products/lumifirm
Elementul#swiper-wrapper-f210865272d5f6a5d > li:nth-of-type(2)
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible swiper-slide-next" role="tab" aria-label=" / "><button type="button" id="how-to-use" class="product-tab-panel-nav__button focus-visible-inside" aria-selected="false" aria-controls="how-to-use-tab" tabindex="0">HOW TO USE</button></li>
Component · Ref 1AF2RL
Affected pagehttps://hydropeptide.com/products/lumifirm
Elementul#swiper-wrapper-f210865272d5f6a5d > li:nth-of-type(1)
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible swiper-slide-active" role="tab" aria-label=" / "><button type="button" id="benefits" class="product-tab-panel-nav__button focus-visible-inside active" aria-selected="true" aria-controls="benefits-tab" tabindex="0">BENEFITS</button></li>
High

Interactive controls must not be nested

WCAG 4.1.2 (A)4 instances2 inspected pages

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 4 affected elements
Component · Ref 6ZME2J
Affected pagehttps://hydropeptide.com/products/lumifirm
Element.swiper-slide-visible[role="tab"][aria-label=" / "]:nth-child(3)
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible" role="tab" aria-label=" / "><button type="button" id="clinically-clean" class="product-tab-panel-nav__button focus-visible-inside" aria-selected="false" aria-controls="clinically-clean-tab" tabindex="0">CLINICALLY CLEAN</button></li>
Component · Ref HIITL7
Affected pagehttps://hydropeptide.com/products/lumifirm
Element.swiper-slide-active.swiper-slide-visible[role="tab"]
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible swiper-slide-active" role="tab" aria-label=" / "><button type="button" id="benefits" class="product-tab-panel-nav__button focus-visible-inside active" aria-selected="true" aria-controls="benefits-tab" tabindex="0">BENEFITS</button></li>
Component · Ref NORU69
Affected pagehttps://hydropeptide.com/collections/aha-products
Element.boost-pfs-filter-button[role="checkbox"]
Accessible nameExfoliators & Masks (2)
Rolecheckbox
Markup
<button role="checkbox" class="boost-pfs-filter-button">
Component · Ref GDX4UH
Affected pagehttps://hydropeptide.com/products/lumifirm
Element.swiper-slide-next.swiper-slide-visible[role="tab"]
Accessible name/
Roletab
Markup
<li class="swiper-slide swiper-slide-visible swiper-slide-next" role="tab" aria-label=" / "><button type="button" id="how-to-use" class="product-tab-panel-nav__button focus-visible-inside" aria-selected="false" aria-controls="how-to-use-tab" tabindex="0">HOW TO USE</button></li>
High

Elements must only use supported ARIA attributes

WCAG 4.1.2 (A)3 instances1 inspected page

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 3 affected elements
Component · Ref DYPXWK
Affected pagehttps://hydropeptide.com/products/lumifirm
Element#how-to-use
Accessible nameHOW TO USE
Markup
<button type="button" id="how-to-use" class="product-tab-panel-nav__button focus-visible-inside" aria-selected="false" aria-controls="how-to-use-tab" tabindex="0">HOW TO USE</button>
High

ARIA toggle fields must have an accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

ARIA toggle fields must have an accessible name

Why it matters

ARIA toggle fields must have an accessible name

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element
Component · Ref EO5EN1
Affected pagehttps://hydropeptide.com/collections/aha-products
Element.boost-pfs-check-box
Rolecheckbox
Markup
<span class="boost-pfs-check-box" role="checkbox" tabindex="0" aria-labelledby="Exfoliators &amp; Masks"></span>
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 4NSW1C
Affected pagehttps://hydropeptide.com/products/lumifirm
Elementsection#shopify-section-page-icon-highlights > style
Accessible name.page-icon-highlights{text-align:center}.page-icon-highlights__columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;margin-bottom:-20px}@media(min-width:1024px){.page-icon-highlights__columns{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:0}}@media(min-width:1200px){.page-icon-highlights__columns{margin:0 auto;max-width:1130px}}.page-icon-highlights__column{padding:0 10px 20px;width:110px}@media(min-width:768px){.page-icon-highlights__column{width:125px}}@media(min-width:1024px){.page-icon-highlights__column{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;padding-bottom:0;width:auto}}.page-icon-highlights__image{display:-webkit-box;display:-ms-flexbox;display:flex;height:auto;margin:0 auto;width:35px}@media(min-width:768px){.page-icon-highlights__image{width:40px}}@media(min-width:1024px){.page-icon-highlights__image{margin:0}}@media(min-width:1200px){.page-icon-highlights__image{width:50px}}.page-icon-highlights__info{padding-top:10px}@media(min-width:1024px){.page-icon-highlights__info{margin-left:20px;padding:0;width:105px}}@media(min-width:1200px){.page-icon-highlights__info{margin-left:25px;width:110px}}.page-icon-highlights__title{font-family:var(--font-cond);font-size:12px;letter-spacing:.075rem;line-height:1.2;text-align:center}@media(min-width:768px){.page-icon-highlights__title{font-size:14px}}@media(min-width:1024px){.page-icon-highlights__title{text-align:left}}@media(min-width:1200px){.page-icon-highlights__title{font-size:15px}}.page-icon-highlights-header{margin-bottom:30px}@media(min-width:768px){.page-icon-highlights-header{margin-bottom:40px}}@media(min-width:1024px){.page-icon-highlights-header{margin-bottom:50px}}@media(min-width:1200px){.page-icon-highlights-header{margin-bottom:65px}}.page-icon-highlights-header__eyebrow,.page-icon-highlights-header__message{font-size:12px;letter-spacing:.05rem}@media(min-width:768px){.page-icon-highlights-header__eyebrow,.page-icon-highlights-header__message{font-size:13px}}@media(min-width:1024px){.page-icon-highlights-header__eyebrow,.page-icon-highlights-header__message{font-size:14px}}@media(min-width:1200px){.page-icon-highlights-header__eyebrow,.page-icon-highlights-header__message{font-size:16px}}.page-icon-highlights-header__eyebrow{margin-bottom:10px}@media(min-width:1024px){.page-icon-highlights-header__eyebrow{margin-bottom:15px}}.page-icon-highlights-header__message{margin:10px auto 0}@media(min-width:1024px){.page-icon-highlights-header__message{margin-top:15px}}.page-icon-highlights-header__title{font-family:var(--font-secondary-thin);font-size:36px;letter-spacing:.075rem;line-height:1.2;margin:0 auto}@media(min-width:768px){.page-icon-highlights-header__title{font-size:34px}}@media(min-width:1024px){.page-icon-highlights-header__title{font-size:41px}}@media(min-width:1200px){.page-icon-highlights-header__title{font-size:48px}}@media(min-width:1400px){.page-icon-highlights-header__title{font-size:55px}}
Markup
<style data-shopify="">
    .page-icon-highlights{text-align:center}.page-icon-highlights__columns{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:center;margin-bottom:-20px}@media(min-width:1024px){.page-icon-highlights__columns{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-bottom:0}}@media(min-width:1200px){.page-icon-highlights__columns{margin:0 auto;max-width:1130px}}.page-icon-h…
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 10 affected elements
Component · Ref XP6Q2Q
Affected pagehttps://hydropeptide.com/
Elementfooter#shopify-section-footer > div > div:nth-of-type(2) > div > div:nth-of-type(2)
Accessible namePrivacy Policy |  Terms of Use |  Accessibility |  Reseller Policy |  Do Not Sell My Data |  Data Requests |  Sitemap |  Manage Cookie Preferences
Rolenavigation
Markup
<div class="footer-base__column footer-base__column--navigation" role="navigation">
          <ul class="footer-base__list">
            
              <li class="footer-base__item">
                <span aria-hidden="true">&nbsp;</span><a href="/pages/privacy-policy" class="footer-base__link">Privacy Policy</a><span aria-hidden="true">&nbsp;|</span>
              </li>
            
              <li class="footer-base__item">
                <span aria-hidden="true">&nbsp;</span><a href="/pages/terms-of-use" class="footer-base__link">Terms of Use</a><span aria-hidden="true">&nbsp;|</span>
   …
Affected pages/ /collections/aha-products /products/gift-card /pages/hydropeptide-medical-signup /products/lumifirm
Low

Text has insufficient colour contrast

WCAG 1.4.3 (AA)9 instances4 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 9 affected elements
Component · Ref 10MOVH
Affected pagehttps://hydropeptide.com/collections/aha-products
Element#cookieconsent\:desc
Accessible nameWe and our partners, including Shopify, use cookies and other technologies to personalize your experience, show you ads, and perform analytics, and we will not use cookies or other technologies for these purposes unless you accept them. Learn more in our Privacy Policy
Markup
<span id="cookieconsent:desc" class="cc-message">
Affected pages/collections/aha-products /pages/hydropeptide-medical-signup
Component · Ref 42J1JJ
Affected pagehttps://hydropeptide.com/
Element.page-hero__info--left > .page-hero__info-inner > .page-hero__info-container > .page-hero__title
Accessible nameA Glow-Boosting Gift For You
Markup
<h2 class="page-hero__title">A Glow-Boosting<br>
Gift For You</h2>
Component · Ref O3N3XN
Affected pagehttps://hydropeptide.com/
Element.page-hero-template--17758255186110__page_hero_BhpYhc > .page-hero__link > .desktop_ratio_small.page-hero__container.mobile_ratio_square > .page-hero__info--right.page-hero__info.page-hero__info--middle > .page-hero__info-inner > .page-hero__info-container > .page-hero__button.button-outline
Accessible nameSHOP HYDRAFLORA
Markup
<span class="page-hero__button button-outline">SHOP HYDRAFLORA</span>
Component · Ref 2DB3XE
Affected pagehttps://hydropeptide.com/
Element.page-hero-template--17758255186110__page_hero_BhpYhc > .page-hero__link > .desktop_ratio_small.page-hero__container.mobile_ratio_square > .page-hero__info--right.page-hero__info.page-hero__info--middle > .page-hero__info-inner > .page-hero__info-container > .page-hero__message
Accessible nameHydraFlora Mist balances the skin's natural microflora, supporting the skin barrier for instant and long-lasting benefits.
Markup
<p class="page-hero__message">HydraFlora Mist balances the skin's natural microflora, supporting the skin barrier for instant and long-lasting benefits.</p>
Component · Ref A0NMR8
Affected pagehttps://hydropeptide.com/
Element.page-hero-template--17758255186110__page_hero_BhpYhc > .page-hero__link > .desktop_ratio_small.page-hero__container.mobile_ratio_square > .page-hero__info--right.page-hero__info.page-hero__info--middle > .page-hero__info-inner > .page-hero__info-container > .page-hero__title
Accessible nameThe Mist That Does the Most
Markup
<h2 class="page-hero__title">The Mist That Does the Most</h2>
Component · Ref 8D6FRT
Affected pagehttps://hydropeptide.com/
Element.page-hero__info--left > .page-hero__info-inner > .page-hero__info-container > .page-hero__message
Accessible nameReceive a free travel Polish and Plump Kit with any order of $175+.
Markup
<p class="page-hero__message">Receive a free travel Polish and Plump Kit with any order of $175+.</p>
Component · Ref Z2ISY8
Affected pagehttps://hydropeptide.com/
Element.page-hero__info--left > .page-hero__info-inner > .page-hero__info-container > .page-hero__button.button-outline
Accessible nameSHOP BEST SELLERS
Markup
<span class="page-hero__button button-outline">SHOP BEST SELLERS</span>
Component · Ref EOW85N
Affected pagehttps://hydropeptide.com/products/gift-card
Element#related-products
Accessible nameRelated Products
Markup
<select id="related-products" aria-labelledby="related-products-label" autocomplete="off" data-related-products-select="">
Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)7 instances3 inspected pages

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 7 affected elements
Component · Ref CAOEBG
Affected pagehttps://hydropeptide.com/products/lumifirm
Elementdiv[data-bv-show="reviews"],.bv-rnr__sc-13ijx62-5
Markup
<div aria-haspopup="listbox" aria-expanded="false" role="combobox" aria-controls="bv-reviews-sort-by-mostRecent" aria-label="Menu, Sort by Most Recent." aria-disabled="false" tabindex="0" class="bv-rnr__sc-13ijx62-5 cbzBcL">
Affected pages/products/gift-card /products/lumifirm
Component · Ref 112KWL
Affected pagehttps://hydropeptide.com/products/gift-card
Elementdiv[data-bv-show="reviews"],div[aria-controls="bv-reviews-filter-Locale"]
Markup
<div aria-expanded="false" aria-haspopup="listbox" role="combobox" aria-controls="bv-reviews-filter-Locale" aria-label="Menu, Filter by Locale" tabindex="0" class="bv-rnr__sc-1wzl89g-0 jAQQuQ">
Affected pages/products/gift-card /products/lumifirm
Component · Ref C5C9MS
Affected pagehttps://hydropeptide.com/collections/aha-products
Element.boost-pfs-check-box
Rolecheckbox
Markup
<span class="boost-pfs-check-box" role="checkbox" tabindex="0" aria-labelledby="Exfoliators &amp; Masks"></span>
Low

Touch targets are too small

WCAG 2.5.8 (AA)9 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 <button>'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 9 affected elements
Component · Ref ND3L57
Affected pagehttps://hydropeptide.com/products/gift-card
Element.bv_ratings_summary.bv_main_rating_button.bv_main_container_row_flex:nth-child(2)
Accessible nameRead 1 review. This action will scroll down to read all reviews
Markup
<button class="bv_main_container_row_flex bv_ratings_summary bv_main_rating_button" type="button" aria-label="Read 1 review. This action will scroll down to read all reviews">
Affected pages/products/gift-card /products/lumifirm
Component · Ref UINNC6
Affected pagehttps://hydropeptide.com/products/lumifirm
Element.swiper-pagination-bullet[aria-label="Go to slide "][role="button"]:nth-child(2)
Accessible nameGo to slide
Rolebutton
Markup
<span class="swiper-pagination-bullet" tabindex="0" role="button" aria-label="Go to slide "></span>
Component · Ref UU00XY
Affected pagehttps://hydropeptide.com/products/lumifirm
Element.swiper-pagination-bullet-active
Accessible nameGo to slide
Rolebutton
Markup
<span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide " aria-current="true"></span>
Low

List markup is malformed

WCAG 1.3.1 (A)2 instances1 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

Ensure <ul>/<ol> contain only <li> (plus <script>/<template>) as direct children.

View 2 affected elements
Component · Ref J5K1Z0
Affected pagehttps://hydropeptide.com/
Element#swiper-wrapper-110d61d49ac10dbc4f
Accessible nameRESURFACE AND REPAIR PEPTIDE PADSADD TO BAGRESURFACE AND REPAIR PEPTIDE PADS$932-Step Daily Treatment4.6(8)4.6 out of 5 stars. 8 reviews ADD TO BAGRESURFACE AND REPAIR PEPTIDE PADSPOWER SERUMADD TO BAGPOWER SERUM$160Line-Lifting Transformation4.8(264)4.8 out of 5 stars. 264 reviews ADD TO BAGPOWER SERUMSOLAR DEFENSE TINTED SPF 30ADD TO BAGSOLAR DEFENSE TINTED SPF 30$55Broad Spectrum SPF 304.8(279)4.8 out of 5 stars. 279 reviews ADD TO BAGSOLAR DEFENSE TINTED SPF 30COLLAGEN REACTIVATE PMADD TO BAGCOLLAGEN REACTIVATE PM$141Lifting Treatment Moisturizer + Retinol4.8(223)4.8 out of 5 stars. 223 reviews ADD TO BAGCOLLAGEN REACTIVATE PMPOLYPEPTIDE COLLAGEL+ EYE MASKADD TO BAGPOLYPEPTIDE COLLAGEL+ EYE MASK$54Line-Lifting Hydrogel Mask4.9(86)4.9 out of 5 stars. 86 reviews ADD TO BAGPOLYPEPTIDE COLLAGEL+ EYE MASKEYE AUTHORITYADD TO BAGEYE AUTHORITY$86Dark Circles, Puffiness, Fine Lines4.6(226)4.6 out of 5 stars. 226 reviews ADD TO BAGEYE AUTHORITYHYDRAFLORA MISTADD TO BAGHYDRAFLORA MIST$48Probiotic Skin Revitalizer4.4(139)4.4 out of 5 stars. 139 reviews ADD TO BAGHYDRAFLORA MISTEXFOLIATING CLEANSERADD TO BAGEXFOLIATING CLEANSER$51Energizing Renewal4.8(123)4.8 out of 5 stars. 123 reviews ADD TO BAGEXFOLIATING CLEANSERPOWER LIFTADD TO BAGPOWER LIFT$114Advanced Ultra-Rich Moisturizer4.8(236)4.8 out of 5 stars. 236 reviews ADD TO BAGPOWER LIFTPEPTIDE ESSENTIALS REGIMEN KITADD TO BAGPEPTIDE ESSENTIALS REGIMEN KIT$89A Complete Regimen that Targets All Signs of Aging0.0(0)0.0 out of 5 stars. ADD TO BAGPEPTIDE ESSENTIALS REGIMEN KIT
Markup
<ul class="swiper-wrapper" id="swiper-wrapper-110d61d49ac10dbc4f" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);">

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.

ACTIVATE MONITORINGSEE PRICING

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