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

Accessibility issues detected on innbeautyproject.com

Evolize inspected 5 public pages on innbeautyproject.com and detected 80 automatically identifiable accessibility findings.

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

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

Most widespread issueLinks lack accessible textDetected on 5 inspected pages
Most affected page/products/acne-serum41 findings detected
Most represented WCAG criterionWCAG 1.4.3 — Contrast (Minimum)25 detected findings

Is innbeautyproject.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 innbeautyproject.com and detected 80 accessibility findings. The most widespread issue was "Links lack accessible text", detected on 5 inspected pages. The most affected inspected page was "/products/acne-serum", where 41 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 · 5 instances
    Why this matters

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

    Recommended action

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

    View technical evidence →
  2. Critical

    Form fields are missing labels

    WCAG 1.3.1 (A) · 1 inspected page · 3 instances
    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 →
  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 /collections/all.

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

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

    View technical evidence →

03 · WCAG criteria affected

CriterionNameLevelFindingsPagesReach
1.4.3Contrast (Minimum)AA2555 / 5
2.4.4Link Purpose (In Context)A1455 / 5
2.4.3Focus OrderA1355 / 5
4.1.2Name, Role, ValueA955 / 5
1.3.1Info and RelationshipsA755 / 5
2.1.1KeyboardA755 / 5
1.1.1Non-text ContentA611 / 5
2.5.8Target Size (Minimum)AA111 / 5
3.3.2Labels or InstructionsA111 / 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

Form fields are missing labels

WCAG 1.3.1 (A)4 instances2 inspected pages

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 4 affected elements
Component · Ref YKWA10
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Element#\37 371918606384-template--19789142425648__product-grid-1-0
Markup
<input type="radio" id="7371918606384-templa..." data-value="fair-light-with-neut..." name="Shade-7371918606384-..." value="Fair-Light with neut..." form="" data-variant-id="41218642346032" data-available="true" data-image="//www.innbeautyproje..." data-price="$36" data-compare-price="" ...>
Component · Ref KAFTNZ
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#Quantity-template--19789156089904__main
Markup
<input class="quantity__input" type="number" name="quantity" id="Quantity-template--19789156089904__main" min="1" value="1" form="product-form-template--19789156089904__main" mm-min="1" mm-stock-max="NaN" max="3" mm-max="3" step="1" mm-step="1">
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 GN0BAY
Affected pagehttps://www.innbeautyproject.com/cart
Elementdiv#yotpo-drawer-layout > div:nth-of-type(2) > div > div:nth-of-type(3) > div:nth-of-type(2)
Accessible nameLog in
Rolebutton
Markup
<div role="button" tabindex="0" class="yotpo-drawer-sign-in-link" style="text-decoration-color: rgb(0, 0, 0);"><div color="#000000FF" class="yotpo-drawer-sign-in-text" style="color: rgb(0, 0, 0); font-size: 14px; font-family: &quot;Helvetica Neue&quot;; font-weight: 400; font-style: normal;">
  Log in
</div></div>
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref U9NWEI
Affected pagehttps://www.innbeautyproject.com/
Elementdiv#yotpo-drawer-layout > div:nth-of-type(2) > div > div:nth-of-type(2)
Accessible nameJOIN NOW Earn 50 points
Rolebutton
Markup
<div role="button" tabindex="0" class="yotpo-drawer-sign-up-item"><div class="yotpo-drawer-sign-up-titles"><div class="yotpo-drawer-sign-up-title-text" style="color: black; font-size: 16px; font-family: &quot;Helvetica Neue&quot;; font-weight: 400; font-style: normal;">
  JOIN NOW
</div><div class="yotpo-drawer-sign-up-subtitle-text" style="color: black; font-size: 14px; font-family: &quot;Helvetica Neue&quot;; font-weight: 400; font-style: normal;">
  Earn 50 points
</div></div><div class="yotpo-drawer-sign-up-icon"><svg width="26" height="14" viewBox="0 0 26 14" fill="none" xmlns="http://www…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref 1S0DOF
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementdiv#yotpo-drawer-layout > div:nth-of-type(1)
Accessible nameClose button
Rolebutton
Markup
<div role="button" tabindex="0" aria-label="Close button" class="yotpo-close-icon"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false" style="color: black;"><rect x="0.000976562" y="0.949219" width="1.34339" height="25.5244" transform="rotate(-45 0.000976562 0.949219)" fill="currentColor"></rect><rect x="18.0498" width="1.34339" height="25.5244" transform="rotate(45 18.0498 0)" fill="currentColor"></rect></svg></div>
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref XG6KIO
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementa#StandardCardNoMediaLink-template--19789142425648__product-grid-7371918606384
Accessible nameMineral Sun Glow SPF
Markup
<a href="/products/mineral-sun-glow-spf" id="StandardCardNoMediaLink-template--19789142425648__product-grid-7371918606384" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--19789142425648__product-grid-7371918606384 NoMediaStandardBadge-template--19789142425648__product-grid-7371918606384">
								Mineral Sun Glow SPF
							</a>
Affected pages/ /collections/cart-upsell /cart
Component · Ref HSMX4J
Affected pagehttps://www.innbeautyproject.com/
Elementinput#\37 952372564016-template--19789142818864__featured_collection_2_Y4Kjgb-1-1
Markup
<input type="radio" id="7952372564016-template--19789142818864__featured_collection_2_Y4Kjgb-1-1" data-value="travel-size" name="Option-7952372564016-template--19789142818864__featured_collection_2_Y4Kjgb" value="Travel Size" form="" data-variant-id="43425865596976" data-available="true" data-image="//www.innbeautyproject.com/cdn/shop/files/Extreme_cleanse_-_travel_hero_01_600x.jpg?v=1784747646" data-price="$14" data-compare-price="" checked="">
Affected pages/ /collections/cart-upsell
Component · Ref LZ73DE
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv#swiper-wrapper-b751718e8a0b4aa5 > div:nth-of-type(5) > modal-opener > button
Accessible nameOpen media 5 in modal
Markup
<button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="26287298641968" data-media-type="image">
		<span class="visually-hidden">
			Open media 5 in modal
		</span>
	</button>
Component · Ref WLA18A
Affected pagehttps://www.innbeautyproject.com/cart
Elementbutton#quick-add-7371918606384-submit
Accessible nameAdd Sold out
Markup
<button id="quick-add-7371918606384-submit" type="submit" name="add" class="quick-add__submit button button--full-width button--primary" aria-labelledby="Add Mineral Sun Glow SPF" aria-live="polite" data-sold-out-message="true">
										<span>Add</span>
										<span class="sold-out-message hidden">
											Sold out
										</span>
										<div class="loading-overlay__spinner hidden">
											<svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
												<circle class="path" fill="none" stroke-widt…
Component · Ref UCAGRI
Affected pagehttps://www.innbeautyproject.com/pages/contact
Elementdiv > div:nth-of-type(1) > details > ul > li:nth-of-type(1) > a
Accessible nameShipping
Markup
<a href="https://www.innbeautyproject.com/pages/frequently-asked-questions#shipping">Shipping<svg width="8" height="12" viewBox="0 0 8 12" fill="none" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path d="M1.5 1L6.5 6L1.5 11" stroke="currentColor" stroke-linecap="square"></path>
  </svg>
  </a>
Component · Ref GLIVA6
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv#swiper-full-slider > div > a
Markup
<a href="javascript:void(0)" class="close-slider-pop" onclick="hideFullSlider('swiper-full-slider')">
			<svg xmlns="http://www.w3.org/2000/svg" width="12.886" height="12.886" viewBox="0 0 12.886 12.886"><g id="Group_268" data-name="Group 268" transform="translate(-1704.88 -451.403)"><path id="Path_144" data-name="Path 144" d="M1705.234,451.757l12.179,12.179" fill="none" stroke="#707070" stroke-width="1"></path><path id="Path_145" data-name="Path 145" d="M1705.234,451.757l12.179,12.179" transform="translate(2169.17 -1253.477) rotate(90)" fill="none" stroke="#707070" stroke-width="1"></path></g…
Component · Ref SFE9LP
Affected pagehttps://www.innbeautyproject.com/cart
Elementdiv#main-cart-items > div > div > small > a
Accessible nameshipping
Markup
<a href="/policies/shipping-policy">shipping</a>
Component · Ref R1SKHU
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementbody > div:nth-of-type(1) > div > div > div > div:nth-of-type(2)
Accessible nameEarn Rewards
Rolebutton
Markup
<div role="button" tabindex="0" class="yotpo-banner-layout yotpo-banner-low" aria-expanded="false" aria-controls="yotpo-drawer-layout" style="background-color: rgb(252, 241, 235);"><div class="yotpo-banner-logged-out-text" style="color: rgb(44, 44, 44); font-size: 14px; font-family: &quot;Helvetica Neue&quot;; font-weight: 400; font-style: normal;">
  Earn Rewards
</div><div class="yotpo-banner-up-down-icon"><svg width="10" height="7" viewBox="0 0 10 7" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false" class="yotpo-up-arrow-icon" style="color: rgb(44, 44, 44);"…
Component · Ref YOZWKM
Affected pagehttps://www.innbeautyproject.com/pages/contact
Elementdiv#modal-footer-newsletter > div > div > header > button
Accessible nameClose modal
Markup
<button class="modal__close" aria-label="Close modal" data-micromodal-close=""></button>
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 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 45 affected elements
Component · Ref ENAPLU
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv#shopify-section-header > header > div > details-modal > details > summary
Accessible nameSearch
Rolebutton
Markup
<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
					<span>
						<img src="//www.innbeautyproject.com/cdn/shop/t/525/assets/icon-search.svg?v=4096641194724675391787582556" alt="" class="modal__toggle-open icon icon-search">
						<svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation">
							<use href="#icon-close">
						</use></svg>
					</span>
				</summary>
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref NVHSTL
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementdetails#Details-menu-drawer-submenu-2 > summary
Accessible nameBy Concern
Rolebutton
Markup
<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item-second-level" role="button" aria-expanded="false" aria-controls="childlink-By Concern">
																	By Concern
																	<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-plus ">
  <path d="M4.5 1V8" stroke="black" stroke-linecap="square"></path>
  <path d="M8 4.5L1 4.5" stroke="black" stroke-linecap="square"></path>
  </svg>      
																	<svg width="9" height="2" viewBox="0 0 9 2" fill="none" xmlns="http://w…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref 9DULIS
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementdetails#Details-menu-drawer-menu-item-8 > summary
Accessible nameAbout
Rolebutton
Markup
<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item-first-level" role="button" aria-expanded="false" aria-controls="link-About">
										<a href="/pages/about-us">About</a>
										<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-plus ">
  <path d="M4.5 1V8" stroke="black" stroke-linecap="square"></path>
  <path d="M8 4.5L1 4.5" stroke="black" stroke-linecap="square"></path>
  </svg>      
										<svg width="9" height="2" viewBox="0 0 9 2" fill="none" xmlns="http://www.w3.o…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref DZVSZW
Affected pagehttps://www.innbeautyproject.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" aria-controls="menu-drawer">
					<span>
						<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-hamburger" width="19.283" height="17.199" viewBox="0 0 19.283 17.199">
  <g id="Group_5083" data-name="Group 5083" transform="translate(-33.5 -54.9)">
    <path id="Path_3627" data-name="Path 3627" d="M-19831.434,10191.213h19.283" transform="translate(19864.934 -10135.713)" fill="none" stroke="#fff" stroke-width="1.2"></path>
    <path id="Path_3628" d…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref MU3ETG
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdetails#Details-collapsible-faq_d786MV > summary
Accessible nameHow should I use Acne Serum in my skincare routine?
Rolebutton
Markup
<summary role="button" aria-expanded="false" aria-controls="ProductAccordion-faq_d786MV">
  						<div class="pdp-accordion-event summary__title">
  							<h2 class="pdp-accordion-event accordion__title">
  								How should I use Acne Serum in my skincare routine?
  							</h2>
  						</div>
  						<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
</path></…
Component · Ref J6SV2U
Affected pagehttps://www.innbeautyproject.com/
Elementdiv#shopify-section-template--19789142818864__real_results_XgKgjF > div > div > div > div:nth-of-type(2)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled" aria-label="Previous slide" tabindex="-1" role="button" aria-controls="swiper-wrapper-3eec1a2149b5096c" aria-disabled="true"> </div>
Component · Ref JAVRHU
Affected pagehttps://www.innbeautyproject.com/
Elementdiv#concern > div > div:nth-of-type(2)
Accessible namePrevious slide
Rolebutton
Markup
<div class="swiper-button-prev swiper-button-disabled" aria-label="Previous slide" tabindex="-1" role="button" aria-controls="swiper-wrapper-8fae15109c2571a28" aria-disabled="true"> </div>
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 ZVBO0B
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementdiv#shopify-section-header > header > div > 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="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)4 instances4 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 4 affected elements
Component · Ref XRALRC
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementcart-drawer
Accessible name0 items Loading... Your shopping bag is empty FREE Deluxe Sample with Every Order Sample Regular price $0 Regular price Sale price $0 Unit price /  per  Customer Favorites Add Extreme Cream Collection Duo for $92 Regular price $92 Regular price $102 Sale price $92 Unit price /  per  Add Sold out Add Mineral Sun Glow SPF for $36 Regular price $36 Regular price Sale price $36 Unit price /  per  Add Sold out Add Extreme Cream Travel Duo for $49 ($58 value) Regular price $49 Regular price $58 Sale price $49 Unit price /  per  Add Sold out Free Shipping on Orders $60+ Free Returns 30-Day Money Back Guarantee Subtotal: $0.00 <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form"> Update </button> Checkout FREE SHIPPING OVER $60 + FREE 30-DAY RETURNS
Markup
<cart-drawer class="drawer is-empty" aria-hidden="true">
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact
High

Elements must only use permitted ARIA attributes

WCAG 4.1.2 (A)6 instances2 inspected pages

Elements must only use permitted ARIA attributes

Why it matters

Elements must only use permitted ARIA attributes

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 6 affected elements
Component · Ref 3EMJWL
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_jMRcNW > .swiper-button-next[aria-label="Next Slide"]
Accessible nameNext Slide
Markup
<div class="swiper-button-next" aria-label="Next Slide"> </div>
Component · Ref DNHGA3
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_jMRcNW > .swiper-button-disabled.swiper-button-prev[aria-label="Previous Slide"]
Accessible namePrevious Slide
Markup
<div class="swiper-button-prev swiper-button-disabled" aria-label="Previous Slide"> </div>
Component · Ref VAQ66X
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.rc_widget__price--onetime
Accessible nameoriginal price
Markup
<span class="rc-option__price rc_widget__price rc_widget__price--onetime" aria-label="original price" data-price-onetime="">$38.00</span>
High

Images lack text alternatives

WCAG 1.1.1 (A)8 instances1 inspected page

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 a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 8 affected elements
Component · Ref NRV7MQ
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#ProductInfo-template--19789156089904__main > .product-icon-with-text > li:nth-child(3) > .icon-image-container > img
Markup
<img src="//www.innbeautyproject.com/cdn/shop/files/Frame_2_300x.png?v=1735877937">
Component · Ref BVOFQ3
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-3 > .images-grid__media.before_image.media > img[width="900"][height="810"][loading="lazy"]
Markup
<img src="//www.innbeautyproje..." srcset="//www.innbeautyproje..." width="900" height="810" loading="lazy">
Component · Ref WQTS53
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-4 > .images-grid__media.before_image.media > img[width="900"][height="810"][loading="lazy"]
Markup
<img src="//www.innbeautyproje..." srcset="//www.innbeautyproje..." width="900" height="810" loading="lazy">
Component · Ref NPIK3I
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementli:nth-child(4) > .icon-image-container > img
Markup
<img src="//www.innbeautyproject.com/cdn/shop/files/Effective_2_300x.png?v=1659868479">
Component · Ref LGF893
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-2 > .images-grid__media.before_image.media > img[width="900"][height="810"][loading="lazy"]
Markup
<img src="//www.innbeautyproje..." srcset="//www.innbeautyproje..." width="900" height="810" loading="lazy">
Component · Ref PO1UQ8
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-1 > .images-grid__media.before_image.media > img[width="900"][height="810"][loading="lazy"]
Markup
<img src="//www.innbeautyproje..." srcset="//www.innbeautyproje..." width="900" height="810" loading="lazy">
Medium

Text has insufficient colour contrast

WCAG 1.4.3 (AA)51 instances5 inspected pages

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

Why it matters

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

Recommended correction

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

View 51 affected elements
Component · Ref 4RXXST
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.cc-close
Accessible name✕
Markup
<button aria-label="" type="button" class="cc-close">✕</button>
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref LWYUSR
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.junip-review-list-item-container.junip-pb-5:nth-child(1) > .junip-review-customer > .junip-customer-container > .junip-customer-details > .junip-verified-container.junip-tooltip[aria-label="Purchase verified by Junip"] > .junip-verified.junip-mt-1 > .junip-ml-1
Accessible nameVerified buyer
Markup
<div class="junip-ml-1">Verified buyer</div>
Component · Ref UKOF47
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-slide:nth-child(3) > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .variants-container.card-variants-container > label:nth-child(4) > span
Accessible nameRefill
Markup
<span>Refill</span>
Component · Ref SM01A4
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.junip-review-list-item-container.junip-pb-5:nth-child(9) > .junip-review-list-item > .junip-flex-wrapper.junip-mb-3 > .junip-gap-2.junip-align-items-center.junip-d-flex > .junip-review-date
Accessible name11 months ago
Markup
<div class="junip-review-date">11 months ago</div>
Component · Ref UPU9BP
Affected pagehttps://www.innbeautyproject.com/pages/contact
Elementp:nth-child(2) > a[target="_blank"]
Accessible nameFAQs
Markup
<a href="https://www.innbeautyproject.com/pages/faqs?hcUrl=%2Fen-US" target="_blank" title="https://www.innbeautyproject.com/pages/faqs?hcUrl=%2Fen-US">FAQs</a>
Component · Ref VNVWE5
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_jMRcNW > .swiper-wrapper > .swiper-slide:nth-child(3) > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .quick-add > .quick-add__submit-alt.button--secondary[href="javascript:void(0)"] > .atc-price-container > .atc-compare-price
Accessible name$102
Markup
<span class="atc-compare-price">$102</span>
Component · Ref NFSVPK
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Element.product__card.product__card-alt.grid__item:nth-child(1) > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .quick-add > .quick-add__submit-alt.button--secondary[href="javascript:void(0)"] > .atc-price-container > .atc-compare-price
Accessible name$102
Markup
<span class="atc-compare-price">$102</span>
Component · Ref UI95G5
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_jMRcNW > .swiper-wrapper > .swiper-slide-active.swiper-slide > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .quick-add > .quick-add__submit-alt.button--secondary[href="javascript:void(0)"] > .atc-price-container > .atc-compare-price
Accessible name$154
Markup
<span class="atc-compare-price">$154</span>
Component · Ref HXC2DH
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.junip-product-summary-review-count
Accessible name(178)
Markup
<div class="junip-product-summary-review-count">
        (178)
      </div>
Component · Ref RJR8LW
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-slide-next.swiper-slide > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .variants-container.card-variants-container > label:nth-child(4) > span
Accessible nameRefill
Markup
<span>Refill</span>
Component · Ref BQXCNJ
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_jMRcNW > .swiper-wrapper > .swiper-slide-next.swiper-slide > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .quick-add > .quick-add__submit-alt.button--secondary[href="javascript:void(0)"] > .atc-price-container > .atc-compare-price
Accessible name$136
Markup
<span class="atc-compare-price">$136</span>
Component · Ref UPU96W
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementa[href$="#add_ons"]
Accessible nameAdd on
Markup
<a href="#add_ons">Add on</a>
Component · Ref OOVHOR
Affected pagehttps://www.innbeautyproject.com/pages/contact
Element.sidebar__nav > ul > .active > a[href$="contact"]
Accessible nameContact us
Markup
<a href="/pages/contact">Contact us<svg width="8" height="12" viewBox="0 0 8 12" fill="none" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg">
  <path d="M1.5 1L6.5 6L1.5 11" stroke="currentColor" stroke-linecap="square"></path>
  </svg>
  </a>
Component · Ref 0Y8EK7
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-template--19789142818864__featured_collection_2_Y4Kjgb > .swiper-wrapper > .swiper-slide-active.swiper-slide > .product__card.product__card-alt > .card-wrapper.underline-links-hover.card-wrapper-alt > .card.card--standard.card--media > .card__content > .variants-container.card-variants-container > label:nth-child(2) > span
Accessible nameFull Size
Markup
<span>Full Size</span>
Component · Ref 75OHWU
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv[htmlfor="junipReviewSort"]
Accessible nameSort by: Latest
Markup
<div htmlfor="junipReviewSort" class="junip-select-label">Sort by: <span class="junip-selected-value">Latest</span></div>
Component · Ref JV9M3C
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#junipRatingFilter
Accessible nameRating drop down
Markup
<select id="junipRatingFilter" aria-label="Rating drop down">
Component · Ref B915JH
Affected pagehttps://www.innbeautyproject.com/
Element.custom-tab-item[aria-label=" / "][role="group"]:nth-child(4) > p
Accessible nameDark spots & Uneven Tone
Markup
<p>Dark spots &amp; Uneven Tone</p>
Component · Ref YQ6GJ1
Affected pagehttps://www.innbeautyproject.com/
Element.header__menu-item.focus-inset[href$="rewards"] > span
Accessible nameRewards
Markup
<span>Rewards</span>
Component · Ref SY95X6
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#save_with_sets > .upsell-item > .ui-content > h4
Accessible nameBest-Selling Firming + Lifting Skincare Set
Markup
<h4>Best-Selling Firming + Lifting Skincare Set</h4>
Component · Ref V8YC9J
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.junip-selected-value
Accessible nameLatest
Markup
<span class="junip-selected-value">Latest</span>
Component · Ref IJK5PI
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-1 > .images-grid__media.before_image.media > .after-text
Accessible nameAfter 8 Weeks
Markup
<p class="after-text">After 8 Weeks</p>
Component · Ref 1OEU3Y
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#save_with_sets > .upsell-item > .ui-content > h3
Accessible nameFirming & Lifting Trio
Markup
<h3>Firming &amp; Lifting Trio</h3>
Component · Ref J8NLKX
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-slide-active.custom-tab-item[aria-label=" / "] > p
Accessible nameFirming & Wrinkles
Markup
<p>Firming &amp; Wrinkles</p>
Component · Ref M70RQL
Affected pagehttps://www.innbeautyproject.com/
Element.swiper-slide-next.custom-tab-item[aria-label=" / "] > p
Accessible nameDry Skin
Markup
<p>Dry Skin</p>
Component · Ref XRAYAX
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.imgindex-1 > .images-grid__media.before_image.media > p:nth-child(1)
Accessible nameBefore
Markup
<p>Before</p>
Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)15 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 15 affected elements
Component · Ref WW1LW9
Affected pagehttps://www.innbeautyproject.com/collections/cart-upsell
Elementdiv#menu-drawer > div > div > nav
Accessible nameShop All By Product Moisturizers Eye Care Serums & Treatments Cleansers & Exfoliants SPF & Glow Lip By Concern Firming & Wrinkles Dry Skin Eye Dark Spots & Uneven Tone Texture & Pores Acne SPF & Glow New + Featured Best Sellers Value Sets Custom Bundle Refills Offers Subscription Rewards Refer a Friend About Our Mission Blog FAQs Recycle With Us
Markup
<nav class="menu-drawer__navigation">
				<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li data-menu-title="shop all"><details id="Details-menu-drawer-menu-item-1" class="">
									<summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item-first-level" role="button" aria-expanded="false" aria-controls="link-Shop All">
										<a href="/collections/all">Shop All</a>
										<svg width="12" height="12" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon icon-plus ">
  <path d="M4.5 1V8" stroke="black…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Component · Ref YPJ8FD
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv#shopify-section-header > header > nav
Accessible nameShop All By Product Moisturizers Eye Care Serums & Treatments Refills Cleansers & Exfoliants Save on Sets Refill Sets SPF & Glow Lip Shop All By Concern Firming & Wrinkles Eye Dry Skin Dark Spots & Uneven Tone Texture & Pores Acne SPF & Glow New + Featured New Arrivals SPF & Glow Best Sellers Extreme Cream Refills Value Sets Bundle + Save
Markup
<nav class="header__inline-menu">
			<ul class="list-menu list-menu--inline" role="list">
					
<li data-menu-title="shop all"><header-menu>
									<div id="Details-HeaderMenu-1" class="mega-menu">
										<a href="/collections/all" class="header__menu-item list-menu__item link focus-inset">
											<span>Shop All</span>
											<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-caret" viewBox="0 0 10 6">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.7…
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact /cart
Medium

Content sits outside any landmark region

WCAG 1.3.1 (A)4 instances4 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 4 affected elements
Component · Ref LRXBAB
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementdiv:nth-of-type(2) > cart-drawer-items > div:nth-of-type(1) > div > div > h2
Accessible nameYour shopping bag is empty
Markup
<h2 class="cart__empty-text">Your shopping bag is empty</h2>
Affected pages/ /products/acne-serum /collections/cart-upsell /pages/contact
Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)3 instances2 inspected pages

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 3 affected elements
Component · Ref XGCLH9
Affected pagehttps://www.innbeautyproject.com/cart
Element.swiper-slide-duplicate.grid__item[data-swiper-slide-index="2"] > .cart__card-wrapper > .cart__card > .cart-card__content > .cart-card__information > h3 > .full-unstyled-link
Accessible nameExtreme Cream Travel Duo
Markup
<a href="/products/extreme-cream-travel-duo" id="CardLink--7988295172144" class="full-unstyled-link" aria-labelledby="CardLink--7988295172144 Badge--7988295172144">
							Extreme Cream Travel Duo
						</a>
Component · Ref OVRZVW
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element#modal-collapsible-row-0 > .modal__overlay[data-micromodal-close=""] > .modal__container[aria-labelledby="modal-1-title"][aria-modal="true"] > .modal__header > .modal__title
Accessible nameAcne Serum Ingredients
Markup
<h2 class="modal__title" id="modal-1-title">
																	Acne Serum Ingredients
																</h2>
Component · Ref P2EV36
Affected pagehttps://www.innbeautyproject.com/cart
Element.grid__item.swiper-slide[data-swiper-slide-index="0"]:nth-child(2) > .cart__card-wrapper > .cart__card > .cart-card__content > .cart-card__information > h3 > .full-unstyled-link
Accessible nameExtreme Cream Collection Duo
Markup
<a href="/products/extreme-cream-collection-duo" id="CardLink--7700701773872" class="full-unstyled-link" aria-labelledby="CardLink--7700701773872 Badge--7700701773872">
							Extreme Cream Collection Duo
						</a>
Medium

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)1 instance1 inspected page

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Why it matters

Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 1 affected element
Component · Ref 4CJD4A
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Elementinput#email_sub
Markup
<input id="email_sub" type="email" name="custom_email" class="form-control input-lg button--full-width" value="" aria-required="true" autocorrect="off" autocapitalize="none" autocomplete="email" placeholder="Enter your email here to be added to the waitlist" required="" style="height: 48px; padding-left: 8px; border: 1px solid #494A4A; border-radius: 5px;">
Low

Page has no level-one heading

WCAG 1.3.1 (A)2 instances2 inspected pages

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Why it matters

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 2 affected elements
Component · Ref HU1O90
Affected pagehttps://www.innbeautyproject.com/pages/contact
Elementhtml > body
Accessible namePress Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader Guide, Feedback, and Issue Reporting | New window Earn 1 point for every $1 you spend JOIN NOW Earn 50 points Already a member? Log in Earn Rewards This website uses cookies to ensure you get the best experience. Learn moreDECLINEACCEPT✕ Skip to content .privy-widget-bar { display: none; } #shopify-section-announcement-bar { --height: auto; height: var(--height); z-index: 200; } .announcement-bar__swiper .swiper-button-next, .announcement-bar__swiper .swiper-button-prev { --swiper-navigation-size: 1rem; color: #000000; font-weight: bold; } .announcement-bar__swiper .swiper-slide { height: auto; align-items: center; justify-content: center; display: flex; } @media screen and (max-width: 749px) { .announcement-bar__swiper .swiper-button-next, .announcement-bar__swiper .swiper-button-prev { --swiper-navigation-size: 1rem; } } .announcement-bar__swiper { min-height:30px; height: auto; width: 100%; background: #ffffff; } .announcement-bar__swiper.fixed{ position: fixed; } .announcement-bar__swiper.relative{ position: relative; } .announcement-bar__message { font-size: 12px; } .marquee-container { display: flex; white-space: nowrap; overflow: hidden; } .is-marquee { display: inline-flex; gap: 2em; } .marquee-container > * { font-size: 12px; animation: marquee 20s linear infinite; } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-98%); } } .marquee-content:after { content: attr(data-marquee-content); display: inline-block; padding: 1rem 2rem; margin: 0; line-height: 1; } @media screen and (min-width: 750px) { .announcement-bar__message { font-size: 15px; } .marquee-container > * { font-size: 15px; } } .announcement-bar__swiper .swiper-button-prev, .announcement-bar__swiper .swiper-button-next { display: none; } END OF SUMMER SALE: SAVE UP TO 25% END OF SUMMER SALE: SAVE UP TO 25% END OF SUMMER SALE: SAVE UP TO 25% function syncAnnouncementBarAria(swiper) { if (!swiper || !swiper.el) return; const rootRect = swiper.el.getBoundingClientRect(); swiper.el.querySelectorAll('.swiper-wrapper, .swiper-slide').forEach((element) => { const style = window.getComputedStyle(element); const rect = element.getBoundingClientRect(); const isVisible = style.display !== 'none' && style.visibility !== 'hidden' && rect.width > 0 && rect.height > 0 && rect.right > rootRect.left && rect.left < rootRect.right && rect.bottom > rootRect.top && rect.top < rootRect.bottom; if (isVisible && element.getAttribute('aria-hidden') === 'true') { element.removeAttribute('aria-hidden'); } }); } const announcement_bar_swiper = new Swiper('.announcement-bar__swiper', { loop: true, speed: 600, observer: true, observeParents: true, a11y: false, on: { init: syncAnnouncementBarAria, slideChange: syncAnnouncementBarAria, transitionEnd: syncAnnouncementBarAria, observerUpdate: syncAnnouncementBarAria, resize: syncAnnouncementBarAria }, }); <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-mega-menu.css?v=6990541862315580221787582522" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-list-menu.css?v=151968516119678728991787582520" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-search.css?v=96455689198851321781787582528" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-menu-drawer.css?v=139347365356614852281787582523" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-menu-drawer-custom.css?v=144970740276749293041787582523" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-cart-notification.css?v=119852831333870967341787582517" rel="stylesheet" type="text/css" media="all" /> <link href="//www.innbeautyproject.com/cdn/shop/t/525/assets/component-cart-items.css?v=88808817700582959661787582516" rel="stylesheet" type="text/css" media="all" /> header-drawer { justify-self: start; margin-left: -1.2rem; } .header__heading-logo { max-width: 152px; } @media screen and (min-width: 990px) { header-drawer { display: none; } .header__heading-logo { max-width: 200px; } } .menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } .header { top: var(--top-offset); background-color: #ffffff; min-width: 100%; padding-top: 13px; padding-bottom: 12px; } .header.fixed { position: fixed; } sticky-header .swiper-wrapper { position: absolute; width: 100vw; } .section-header { margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 0px; padding-bottom: 0px; } } Search Shop All By Product Moisturizers Eye Care Serums & Treatments Cleansers & Exfoliants SPF & Glow Lip By Concern Firming & Wrinkles Dry Skin Eye Dark Spots & Uneven Tone …[truncated by Evolize: exceeded D1 value limit]
Markup
<body class="gradient template-page-contact  page-type-page template-type-contact">
      <svg id="junipStarSymbols" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
  <symbol id="junipOutlineStar" viewBox="0 0 16 16">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3584 5.43145L8 0L5.64158 5.43145L0 6.11146L4.184 10.1483L3.05573 16L8 13.0634L12.9443 16L11.816 10.1483L16 6.11146L10.3584 5.43145ZM9.15838 6.99586L8 4.27722L6.84162 6.99586L3.72277 7.35606L5.99754 9.57359L5.40548 12.5941L8 11.0891L10.5945 12.5941L10.0025 9.57359L12.2772 7.35606L9.15838 6…
Affected pages/collections/cart-upsell /pages/contact
Low

Touch targets are too small

WCAG 2.5.8 (AA)2 instances1 inspected page

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 <div>'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 2 affected elements
Component · Ref WRQE1K
Affected pagehttps://www.innbeautyproject.com/products/acne-serum
Element.junip-product-review-bar-wrapper[role="button"]:nth-child(2)
Accessible name4 stars, 18 reviews. Press to filter reviews by this rating.
Rolebutton
Markup
<div tabindex="0" aria-label="4 stars, 18 reviews. Press to filter reviews by this rating." aria-pressed="false" role="button" class="junip-product-review-bar-wrapper">

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.