Critical
Dropdown menus have no accessible name
WCAG 4.1.2 (A)7 instances5 inspected pages
Select menus expose no programmatic name, so assistive technology cannot announce what the choice is for.
Why it mattersSelect menus expose no programmatic name, so assistive technology cannot announce what the choice is for.
Recommended correctionAssociate a <label> with each <select>, or add an aria-label / aria-labelledby that names its purpose.
View 7 affected elements
Component · Ref S43NVV
Affected pagehttps://kulfibeauty.com/pages/contact-us
Element#market-select
Accessible name🇺🇸 US (USD)
🇨🇦 CAN (CAD)
🇬🇧 UK (GBP)
Markup<select id="market-select" class="market-switcher__select" onchange="switchMarket(this.value)">
Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Component · Ref 09PC55
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element#simple-bundles-options-1-lassi-lips-staining-lip-liner
Accessible namePlease select an option
Lassi Lips Staining Lip Liner - La La La (Cool Beige)
Lassi Lips Staining Lip Liner - Flames (Warm Rose)
Lassi Lips Staining Lip Liner - Chori Chori (Medium Rose Mauve)
Lassi Lips Staining Lip Liner - Platonic (Cool Taupe)
Lassi Lips Staining Lip Liner - Jaan (Deep Brown)
Lassi Lips Staining Lip Liner - Chellam (Berry Brown)
…[truncated by Evolize: exceeded D1 value limit]
Markup<select id="simple-bundles-options-1-lassi-lips-staining-lip-liner" name="properties[Lassi Lips Staining Lip Liner #1]" required="" data-bundle-option="simple-bundles-options-1" data-original-option-name="Lassi Lips Staining Lip Liner" class="sr-only">
Critical
Form fields are missing labels
WCAG 1.3.1 (A)18 instances1 inspected page
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Why it mattersForm inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Recommended correctionAssociate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.
View 18 affected elements
Component · Ref F1NFTX
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element#simple-bundles-options-2-lassi-lips-staining-lip-oil-5
Markup<input type="radio" id="simple-bundles-optio..." name="bundle-simple-bundle..." value="Lassi Lips Staining ..." data-inventory="9999" data-bundle-option="simple-bundles-optio..." data-original-option...="Lassi Lips Staining ..." data-select-id="simple-bundles-optio..." background:="" "="" ...>
High
IDs used in ARIA and labels must be unique
WCAG 4.1.2 (A)6 instances5 inspected pages
IDs used in ARIA and labels must be unique
Why it mattersIDs used in ARIA and labels must be unique
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 6 affected elements
Component · Ref XRAICI
Affected pagehttps://kulfibeauty.com/
Element.bg-transparent.placeholder\:opacity-0.px-3\.5
Markup<input type="search" name="q" id="search-bar" class="bg-transparent peer placeholder:opacity-0
px-3.5 w-full h-full text-lg" placeholder="search the store" value=""> Affected pages/ /collections/all-products /pages/contact-us /pages/faqs
Component · Ref YXO974
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.gap-5[action="/search"] > .flex-grow.relative > .placeholder\:opacity-0[type="search"][name="q"]
Markup<input type="search" name="q" id="search-bar" class="bg-transparent peer placeholder:opacity-0
px-3.5 w-full h-full text-lg" placeholder="search the store" value=""> Component · Ref 1ZJF2Y
Affected pagehttps://kulfibeauty.com/pages/faqs
Element#shopify-section-template--19305267134715__16472989575779fd1a > div[data-accordion-group=""][data-allow-toggle=""][data-allow-multiple=""] > .m-0 > .py-2.border-b.border-black
Accessible nameShipping and Order Updates
Markup<button id="ThemeSectionDrop" class="p-0 relative text-le..." aria-expanded="false" aria-controls="template--1930526713..." data-accordion-trigg...="">
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A)50 instances5 inspected pages
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Why it mattersAn element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended correctionKeep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View 50 affected elements
Component · Ref 7A4S84
Affected pagehttps://kulfibeauty.com/pages/contact-us
Elementdiv#megamenu--mobile-menu-dtc-wip-1 > ul > li:nth-of-type(1) > ul > li:nth-of-type(2) > a
Accessible nameLips
Markup<a href="/collections/lip" class="text-2xl">
Lips
</a> Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Component · Ref 3Q2UZF
Affected pagehttps://kulfibeauty.com/pages/contact-us
Elementbutton#menu--mobile-menu-dtc-wip-1
Accessible nameToggle Main Mobile Menu
Markup<button id="menu--mobile-menu-dtc-wip-1" class="group" data-mobile-trigger="" data-mega-menu="menu--mobile-menu-dtc-wip-1">
<span class="sr-only">Toggle Main Mobile Menu</span>
<!-- snippets/icon (menu) [aa/ja] --><svg class="icon icon-menu group-activated:hidden group-activated
" width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.90625H24V5.40625H0V0.90625ZM0 8.40625H24V12.9062H0V8.40625ZM24 15.9062H0V20.4062H24V15.9062Z" fill="currentColor"></path>
… Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Component · Ref C6JQA0
Affected pagehttps://kulfibeauty.com/pages/faqs
Elementdiv#megamenu--mobile-menu-dtc-wip-1 > ul > li:nth-of-type(3) > a
Accessible nameOur Story
Markup<a class="text-xl" href="/pages/about">
Our Story
</a> Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
High
Images lack text alternatives
WCAG 1.1.1 (A)2 instances2 inspected pages
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Why it mattersInformative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Recommended correctionAdd a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.
View 2 affected elements
Component · Ref MVRLL1
Affected pagehttps://kulfibeauty.com/collections/all-products
Element.metafield-file_reference
Markup<img src="//kulfibeauty.com/cdn/shop/files/BestofBeauty_Outline.png?v=1758227240" loading="lazy" class="metafield-file_reference">
Component · Ref ROQSOF
Affected pagehttps://kulfibeauty.com/
Element.product-card[data-product-panel=""][role="listitem"]:nth-child(4) > .items-start.justify-start.flex-col > .block[aria-label="View Badi Lash Mascara"][href$="badi-lash-mascara"] > .product-card--image-container.aspect-square.mx-auto > .left-1.bottom-1.w-14 > .metafield-file_reference[loading="lazy"]
Markup<img src="//kulfibeauty.com/cdn/shop/files/BestofBeauty_Outline.png?v=1758227240" loading="lazy" class="metafield-file_reference">
High
Elements must only use supported ARIA attributes
WCAG 4.1.2 (A)1 instance1 inspected page
Elements must only use supported ARIA attributes
Why it mattersElements must only use supported ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 1 affected element
Component · Ref ATGS4M
Affected pagehttps://kulfibeauty.com/pages/contact-us
Element#message-list_1779294324\.448789
Accessible nameUK CustomersKulfi Beauty UK Ltd (Companies House No. 17128801) is the official UK trading entity of Inspired Beauty Stories Inc., the parent company and registered trademark owner of the Kulfi brand. Kulfi Beauty UK Ltd is a wholly-owned subsidiary of Inspired Beauty Stories Inc. and is fully authorized to sell Kulfi-branded products in the United Kingdom.
Markup<div aria-labelledby="primary-D056X1TBGMR-..." aria-setsize="-1" id="message-list_1779294...">
Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)44 instances5 inspected pages
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Why it mattersText and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended correctionIncrease the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.
View 44 affected elements
Component · Ref 2OSZU3
Affected pagehttps://kulfibeauty.com/
Element.p-3 > p
Accessible nameFREE SHIPPING ON ALL US ORDERS $50+
Markup<p>FREE SHIPPING ON ALL US ORDERS $50+</p>
Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Component · Ref 55KO8D
Affected pagehttps://kulfibeauty.com/pages/faqs
Element.announcement-bar__cta-text
Accessible nameSHOP NOW
Markup<span class="announcement-bar__cta-text uppercase font-black underline" style="color: inherit;">
SHOP NOW
</span> Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Component · Ref UAQBB1
Affected pagehttps://kulfibeauty.com/
Element#best-sellers-tab-template--19305267265787__best_sellers_hKd7pa-tab_C4aCTD
Accessible nameLips
Roletab
Markup<button type="button" class="best-sellers__tab m-..." id="best-sellers-tab-tem..." role="tab" aria-selected="false" aria-controls="best-sellers-panel-t..." data-best-sellers-ta...="" data-panel-id="best-sellers-panel-t..." data-cta-url="/collections/lip" data-cta-label="Shop All Lips" ...>
Component · Ref QMLLG
Affected pagehttps://kulfibeauty.com/pages/contact-us
Elementp:nth-child(6) > a
Accessible namehere
Markup<a href="https://shopmy.us/home/creators?auth=register&smscode=KULFIBEAUTY-2026" title="Kulfi Besties Ambassador Program">here</a>
Component · Ref QMLPL
Affected pagehttps://kulfibeauty.com/pages/contact-us
Elementa[title="[email removed]"]
Accessible name[email removed]
Markup<a title="[email removed]" href="mailto:[email removed]" target="_blank">[email removed]</a>
Component · Ref K4Y0YN
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element#yotpo-headline-reviews
Accessible nameCustomer Reviews
Markup<p id="yotpo-headline-reviews" class="yotpo-headline">Customer Reviews</p>
Component · Ref 0XA2WT
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.yotpo-body-text
Accessible nameLet us know what you think
Markup<div class="yotpo-body-text">Let us know what you think</div>
Component · Ref 21WPLT
Affected pagehttps://kulfibeauty.com/
Element.btn-lg
Accessible nameshop matte blur lip stain
Markup<a href="/products/lassi-lips-matte-blur-lip-stain" class="btn-outline-white btn-lg uppercase tracking-wider" style="color:#121212; background-color:#be4f59; --px: 1rem; --py: 1rem;">
shop matte blur lip stain
</a> Component · Ref F2P37M
Affected pagehttps://kulfibeauty.com/
Element#best-sellers-panel-template--19305267265787__best_sellers_hKd7pa-tab_HTWr7B > .best-sellers__grid-scroll[data-best-sellers-grid-scroll=""] > .best-sellers__grid.best-sellers__grid--fit > .product-card[data-product-panel=""][role="listitem"]:nth-child(3) > .badge--bs-hot.bg-shape-starburst.badge--bs
Accessible namehot
Markup<div class="badge badge--bs absolute font-bold leading-none z-10 best-sellers-badge
badge--bs-hot bg-shape-starburst">hot</div>
Component · Ref 9FCW1J
Affected pagehttps://kulfibeauty.com/
Elementdiv[data-slick-index="6"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__meta > .reviews-ugc-card__badge > span:nth-child(2)
Accessible nameVerified Reviewer
Markup<span>Verified Reviewer</span>
Component · Ref PXOI1S
Affected pagehttps://kulfibeauty.com/collections/all-products
Element.product-card[data-product-panel=""][role="listitem"]:nth-child(2) > .-rotate-\[15deg\].px-2.bg-shape-starburst
Accessible namehot
Markup<div class="badge absolute
text-base
font-bold leading-none
py-2 rounded-[100%] z-10
top-0 -right-1
-rotate-[15deg] px-2 bg-shape-starburst w-15 h-15 flex items-center justify-center">hot</div> Component · Ref MOHWUC
Affected pagehttps://kulfibeauty.com/
Elementdiv[data-slick-index="11"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__body
Accessible nameBlendable, easy to apply, long-wearing luxe colors!
Markup<p class="reviews-ugc-card__body">Blendable, easy to apply, long-wearing luxe colors!</p>
Component · Ref NBN8CJ
Affected pagehttps://kulfibeauty.com/
Elementdiv[data-slick-index="14"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__meta > .reviews-ugc-card__name
Accessible nameSarah
Markup<p class="reviews-ugc-card__name">Sarah</p>
Component · Ref 1YIA1X
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.buy-box-header-price
Accessible name$43
Markup<p class="buy-box-header-price animate-fadeIn animate-animated" data-header-product-price="">$43</p>
Component · Ref Y8KFNO
Affected pagehttps://kulfibeauty.com/
Element.slick-slide[data-slick-index="3"][aria-label="slide 4"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__body
Accessible nameBlendable, easy to apply, long-wearing luxe colors!
Markup<p class="reviews-ugc-card__body">Blendable, easy to apply, long-wearing luxe colors!</p>
Component · Ref 4XA1XB
Affected pagehttps://kulfibeauty.com/
Element.js-current-slide
Accessible name1
Markup<span class="js-current-slide">1</span>
Component · Ref GZHFR3
Affected pagehttps://kulfibeauty.com/
Element.slick-slide[data-slick-index="3"][aria-label="slide 4"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__meta > .reviews-ugc-card__name
Accessible nameLiz
Markup<p class="reviews-ugc-card__name">Liz</p>
Component · Ref 8SRO84
Affected pagehttps://kulfibeauty.com/
Element.max-w-3xl.px-5.mx-auto > span:nth-child(3)
Accessible name3
Markup<span class="">3</span>
Component · Ref AVJ9BP
Affected pagehttps://kulfibeauty.com/
Element.slick-slide[data-slick-index="3"][aria-label="slide 4"] > div > .reviews-ugc-carousel__slide--review.reviews-ugc-carousel__slide > .reviews-ugc-card--review > .reviews-ugc-card__panel.reviews-ugc-card__primary > .reviews-ugc-card__meta > .reviews-ugc-card__badge > span:nth-child(2)
Accessible nameVerified Reviewer
Markup<span>Verified Reviewer</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 mattersMeaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Recommended correctionWrap primary content in <main> and other regions in appropriate landmark elements.
View 5 affected elements
Component · Ref WL2YHU
Affected pagehttps://kulfibeauty.com/pages/contact-us
Elementdiv#shopify-section-announcement-bar > div > ul > li
Accessible nameFREE SHIPPING ON ALL US ORDERS $50+
SHOP NOW
Markup<li class="relative p-3 text-center text-base font-bold leading-none border-b border-transparent
" style="background: linear-gradient(90deg, rgba(255, 84, 0, 1), rgba(255, 84, 0, 1) 48.96%, rgba(255, 84, 0, 1) 100%);
color: #121212;">
<p>FREE SHIPPING ON ALL US ORDERS $50+</p>
<span class="announcement-bar__cta-text uppercase font-black underline" style="color: inherit;">
SHOP NOW
</span>
<a href="/collections/bestsellers" class="announcement-bar__cover" aria-label=… Affected pages/ /collections/all-products /pages/contact-us /products/double-date /pages/faqs
Medium
ARIA role is missing its required parent
WCAG 1.3.1 (A)15 instances2 inspected pages
An element with an ARIA role is not inside the container role it requires, so the relationship is lost.
Why it mattersAn element with an ARIA role is not inside the container role it requires, so the relationship is lost.
Recommended correctionPlace the element inside its required parent role (e.g. option must be within listbox).
View 15 affected elements
Component · Ref JU9GE0
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.product-gallery-thumb[data-media-id="40891545518331"][data-media-index="2"]
Accessible nameDouble Date, Lip Liner & Lip Oil
Rolelistitem
Markup<li role="listitem" data-gallery-thumb="" data-media-id="40891545518331" data-media-index="2" class="product-gallery-thumb" style="width: 100%; display: inline-block;">
Component · Ref HYCOTA
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.product-card[data-product-panel=""][role="listitem"]:nth-child(3)
Accessible namesave $40
Go to Product PageLip Liner Vault
$168.00 USD
$128.00 USD
document.addEventListener('click', function(e) {
const form = e.target.closest('form[data-type="add-to-cart-form"]');
if (!form) return;
// Ignore clicks on interactive elements (including labels)
if (e.target.closest('a, button, input, select, textarea, label, [role="button"], [role="link"]')) {
return;
}
const link = form.querySelector('a.js-card-link[href]');
if (!link) return;
link.click();
});
Add to Cart
Rolelistitem
Markup<li class="product-card relative
" data-product-panel="" role="listitem"> Component · Ref 9HSW39
Affected pagehttps://kulfibeauty.com/
Element#best-sellers-tab-template--19305267265787__best_sellers_hKd7pa-tab_HTWr7B
Accessible nameALL
Roletab
Markup<button type="button" class="best-sellers__tab m-..." id="best-sellers-tab-tem..." role="tab" aria-selected="true" aria-controls="best-sellers-panel-t..." data-best-sellers-ta...="" data-panel-id="best-sellers-panel-t..." data-cta-url="/collections/all-pro..." data-cta-label="Shop All Products" ...>
Component · Ref UBEU2G
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Elementli[data-media-id="40877271482619"][data-media-index="0"][data-product-image=""]
Accessible nameDouble Date, Lip Liner & Lip Oil
Rolelistitem
Markup<li role="listitem" data-product-image="" data-gallery-slide="" data-media-id="40877271482619" data-media-src="files/LipShoppe-PDPAssets-DoubleDate_Jaan_Rose_-5.jpg" data-media-index="0" class="h-full w-full animate-fadeIn animate-animated" style="width: 100%; display: inline-block;">
Component · Ref I8J5RL
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.slick-active[data-slick-index="5"][aria-label="slide 6"] > div > li[data-media-id="41654781673723"][data-media-index="4"][data-variant-sku="all"]
Accessible nameall
Rolelistitem
Markup<li role="listitem" data-gallery-thumb="" data-media-id="41654781673723" data-media-index="4" data-variant-sku="all" class="product-gallery-thumb" style="width: 100%; display: inline-block;">
Component · Ref 173KJ2
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Element.is-selected
Accessible nameDouble Date, Lip Liner & Lip Oil
Rolelistitem
Markup<li role="listitem" data-gallery-thumb="" data-media-id="40877271482619" data-media-index="0" class="product-gallery-thumb is-selected" style="width: 100%; display: inline-block;">
Medium
Elements must only use permitted ARIA attributes
WCAG 4.1.2 (A)1 instance1 inspected page
Elements must only use permitted ARIA attributes
Why it mattersElements must only use permitted ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 1 affected element
Component · Ref XFMWEK
Affected pagehttps://kulfibeauty.com/pages/contact-us
Element#message-list_1779294324\.448789
Accessible nameUK CustomersKulfi Beauty UK Ltd (Companies House No. 17128801) is the official UK trading entity of Inspired Beauty Stories Inc., the parent company and registered trademark owner of the Kulfi brand. Kulfi Beauty UK Ltd is a wholly-owned subsidiary of Inspired Beauty Stories Inc. and is fully authorized to sell Kulfi-branded products in the United Kingdom.
Markup<div aria-labelledby="primary-D056X1TBGMR-..." aria-setsize="-1" id="message-list_1779294...">
Medium
ARIA container is missing required child roles
WCAG 1.3.1 (A)1 instance1 inspected page
An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Why it mattersAn ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Recommended correctionProvide the child roles the container role requires (e.g. option inside listbox).
View 1 affected element
Component · Ref I7O2UW
Affected pagehttps://kulfibeauty.com/
Element.best-sellers__tabs
Accessible nameALL
Lips
Eyes
Complexion
Bundles
Roletablist
Markup<ul class="best-sellers__tabs w-full" role="tablist">
Medium
List items are not inside a list
WCAG 1.3.1 (A)6 instances1 inspected page
A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.
Why it mattersA <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.
Recommended correctionWrap related <li> elements in a <ul> or <ol>, or use a different element for non-list content.
View 6 affected elements
Component · Ref WVBGB2
Affected pagehttps://kulfibeauty.com/
Element.best-sellers__tabs > li:nth-child(3)
Accessible nameEyes
Component · Ref H4IO08
Affected pagehttps://kulfibeauty.com/
Element.slick-center.slick-current[aria-label="slide 1 (centered)"] > div > .reviews-ugc-carousel__slide--ugc.reviews-ugc-carousel__slide
Accessible namePlay video
Double Date, Lip Liner & Lip Oil
$43
Shop Now
Markup<li class="reviews-ugc-carousel__slide reviews-ugc-carousel__slide--ugc" style="width: 100%; display: inline-block;">
Medium
<video> elements must have captions
WCAG 1.2.2 (A)1 instance1 inspected page
<video> elements must have captions
Why it matters<video> elements must have captions
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 1 affected element
Component · Ref 2TZJPE
Affected pagehttps://kulfibeauty.com/
Element.slick-center.slick-current[aria-label="slide 1 (centered)"] > div > .reviews-ugc-carousel__slide--ugc.reviews-ugc-carousel__slide > .reviews-ugc-card--ugc > .reviews-ugc-card__media.reviews-ugc-card__primary > .reviews-ugc-card__video-player[data-video-player=""][data-video-click-toggle=""] > video
Markup<video class="reviews-ugc-card__video absolute inset-0 w-full h-full object-cover" preload="none" playsinline="" data-video="" poster="//kulfibeauty.com/cdn/shop/files/preview_images/abeeb587d53143ebb2ea2378d227a6b2.thumbnail.0000000000.jpg?v=1775831004&width=800">
Low
Carousel has no accessible controls
WCAG 2.1.1 (A)2 instances2 inspected pages
A carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Why it mattersA carousel/slider exposes no previous/next or pause controls, so keyboard and assistive-technology users cannot navigate or stop it. Requires manual review of the specific widget.
Recommended correctionProvide keyboard-operable previous/next controls and a pause control for auto-advancing carousels, with accessible names.
View 2 affected elements
Component · Ref S22TEY
Affected pagehttps://kulfibeauty.com/
Elementsection#press--template--19305267265787__1657578831037b2904 > ul:nth-of-type(1)
Accessible namecarousel
Roleregion
Markup<ul class="w-full mx-auto max-w-xl mb-10 slick-slide:transition-all slick-slide:opacity-50 slick-current:opacity-100 slick-initialized slick-slider" data-slick-nav="" data-slick="{
"dots": false,
"arrows": false,
"infinite": true,
"speed": 300,
"slidesToShow": 1,
"slidesToScroll": 1,
"mobileFirst": true,
"asNavFor": "#press--template--19305267265787__1657578831037b2904 [data-slick-main]",
"responsive": [
{
… Component · Ref H6QPHS
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Elementdiv#shopify-section-template--20037531828475__main > section > div:nth-of-type(1) > div > div:nth-of-type(2) > ul
Accessible namecarousel
Roleregion
Markup<ul class="product-gallery-thumbs slick-vertical slick-initialized slick-slider" data-gallery-thumbs="" data-slick="{"arrows":true,"dots":false,"infinite":false,"variableWidth":false,"slidesToShow":6,"slidesToScroll":6,"swipe":true,"draggable":true,"touchMove":true,"focusOnSelect":false,"prevArrow":"#shopify-section-template--20037531828475__main .product-gallery-thumbs-prev","nextArrow":"#shopify-section-template--20037531828475__main .product-gallery-thumbs-n…
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 mattersThe page exposes no <h1>, so its topic is not conveyed in the heading structure.
Recommended correctionAdd a single descriptive <h1> that names the page's primary purpose.
View 2 affected elements
Component · Ref SB2BGL
Affected pagehttps://kulfibeauty.com/
Elementhtml > body
Accessible namePress Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader Guide, Feedback, and Issue Reporting | New window
Skip to main content
#shopify-section-announcement-bar li p {
display: inline;
margin: 0;
}
#shopify-section-announcement-bar li a:not(.announcement-bar__cover) {
display: none;
}
#shopify-section-announcement-bar li a.announcement-bar__cover,
#shopify-section-announcement-bar li .announcement-bar__cta-text {
display: none;
}
@media (min-width: 1024px) {
#shopify-section-announcement-bar li a:not(.announcement-bar__cover) {
display: inline;
margin-left: 0.75rem;
}
#shopify-section-announcement-bar li a.announcement-bar__cover {
display: block;
position: absolute;
inset: 0;
z-index: 10;
margin-left: 0;
cursor: pointer;
}
#shopify-section-announcement-bar li .announcement-bar__cta-text {
display: inline;
margin-left: 0.75rem;
}
}
FREE SHIPPING ON ALL US ORDERS $50+
SHOP NOW
[data-header-wrapper] {
background-color: #ebddff;
}
.section-header header[data-main-nav] {
grid-template-columns: 1fr auto 1fr;
column-gap: clamp(1rem, 2vw, 2.5rem);
border-bottom: 1px solid #000000;
}
.section-header .badge {
bottom: 100%;
left: auto;
right: 0;
margin-bottom: 0;
pointer-events: none;
white-space: nowrap;
}
Best Sellers
Lips
Eyes & Brows
Complexion
Sets & Bundles
10+% off
Kulfi Beauty Homepage
Our Story
Find Your Shade
Search
search the store
Account
0
Toggle Main Mobile Menu
Shop All
Bestsellers
Lips
Eyes & Brows
Complexion
Sets & Bundles
Find Your Shade
Our Story
Account
FAQ
Contact
Search
Submit Search
Kulfi Beauty Homepage
Cart
0
Your Bag
0 items
Close Cart
$50 away from Free Shipping
Your Bag is Empty
Start building your Kulfi stash
Best Sellers
Lips
Eyes & Brows
Complexion
Sets & Bundles
Find Your Shade
@media screen and (min-width: 750px) {#shopify-section-ajax-cart .font-grotesque.text-sm.leading-tight {font-size: 0.8rem !important; }}
shop matte blur lip stain
shop matte blur lip stain
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers {
/* Desktop: fill viewport inset; cards ~290px @1440 with 4-up */
--bs-pad-x: clamp(0.625rem, 5vw, 5rem);
--bs-content-max: min(90rem, 100%);
--bs-grid-gap: clamp(0.625rem, 4vw, 2.5rem);
--bs-row-gap: clamp(2rem, 6vw, 4rem);
--bs-title-tabs-gap: clamp(1rem, 2.5vw, 1.75rem);
--bs-tabs-grid-gap: clamp(1.75rem, 4vw, 3.5rem);
--bs-grid-cta-gap: clamp(2.5rem, 7vw, 6rem);
--bs-card-width: calc((100% - var(--bs-grid-gap)) / 2);
padding-top: clamp(1.75rem, 4vw, 2.5rem);
padding-bottom: clamp(3rem, 8vw, 5rem);
}
@media (min-width: 1024px) {
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers {
--bs-card-width: calc((100% - 3 * var(--bs-grid-gap)) / 4);
}
}
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers__shell {
width: 100%;
max-width: calc(var(--bs-content-max) + 2 * var(--bs-pad-x));
margin-inline: auto;
padding-inline: var(--bs-pad-x);
box-sizing: border-box;
}
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers__tab-nav {
width: 100%;
padding-inline: var(--bs-pad-x);
box-sizing: border-box;
margin-bottom: var(--bs-tabs-grid-gap);
}
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers__title {
margin-bottom: var(--bs-title-tabs-gap);
font-size: clamp(2.25rem, 5vw, 3rem);
line-height: 1.1;
}
#shopify-section-template--19305267265787__best_sellers_hKd7pa .best-sellers__tabs {…[truncated by Evolize: exceeded D1 value limit]
Markup<body data-template="index" class="bg-lavender glc-theme glc-theme--prestige-embedded"><span role="alert" data-acsb-sr-alert="true" data-acsb-sr-only="true" class="acsb-sr-alert acsb-sr-only" data-acsb-force-visible="true" style="position: absolute; width: 200px; height: 1px; margin-top: -1px; z-index: -1; border: 0px; top: 0px; left: 0px; overflow: hidden; outline: 0px;">Press Alt+1 for screen-reader mode, Alt+0 to cancel</span><access-widget-ui data-acsb="" class="notranslate"></access-widget-ui><a href="https://accessibe.com/blog/knowledgebase/screen-reader-guide" target="_blank" rel="noope…
Affected pages/ /collections/all-products
Low
Video may be missing captions
WCAG 1.2.2 (A)14 instances2 inspected pages
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Why it mattersA video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Recommended correctionProvide a synchronized captions track (<track kind="captions">) for video with meaningful audio.
View 14 affected elements
Component · Ref FMKNTE
Affected pagehttps://kulfibeauty.com/
Elementdiv > li > article > div > div:nth-of-type(1) > video
Markup<video class="reviews-ugc-card__video absolute inset-0 w-full h-full object-cover" preload="none" playsinline="" data-video="" poster="//kulfibeauty.com/cdn/shop/files/preview_images/2cee82bb3b264e599e1c84b43a93956b.thumbnail.0000000000.jpg?v=1777497854&width=800"><source src="//kulfibeauty.com/cdn/shop/videos/c/vp/2cee82bb3b264e599e1c84b43a93956b/2cee82bb3b264e599e1c84b43a93956b.m3u8?v=0" type="application/x-mpegURL"><source src="//kulfibeauty.com/cdn/shop/videos/c/vp/2cee82bb3b264e599e1c84b43a93956b/2cee82bb3b264e599e1c84b43a93956b.HD-1080p-7.2Mbps-83042845.mp4?v=0" type="video/mp4"></vi…
Component · Ref B0G813
Affected pagehttps://kulfibeauty.com/products/double-date?variant=48282986676475
Elementdiv > div > div:nth-of-type(3) > div > li > video
Accessible nameYour browser does not support our video.
Markup<video class="h-full mx-auto" preload="metadata" playsinline="playsinline" data-video="" poster="//kulfibeauty.com/cdn/shop/files/preview_images/abeeb587d53143ebb2ea2378d227a6b2.thumbnail.0000000000.jpg?v=1775831004&width=450">
Your browser does not support our video.
<source src="//kulfibeauty.com/cdn/shop/videos/c/vp/abeeb587d53143ebb2ea2378d227a6b2/abeeb587d53143ebb2ea2378d227a6b2.HD-1080p-7.2Mbps-81098917.mp4?v=0" type="video/mp…
Low
ARIA attributes have invalid values
WCAG 4.1.2 (A)1 instance1 inspected page
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Why it mattersARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Recommended correctionCorrect ARIA attribute values and ensure referenced ids exist in the DOM.
View 1 affected element
Component · Ref PVFO5Q
Affected pagehttps://kulfibeauty.com/pages/contact-us
Element#message-list_1779294324\.448789
Accessible nameUK CustomersKulfi Beauty UK Ltd (Companies House No. 17128801) is the official UK trading entity of Inspired Beauty Stories Inc., the parent company and registered trademark owner of the Kulfi brand. Kulfi Beauty UK Ltd is a wholly-owned subsidiary of Inspired Beauty Stories Inc. and is fully authorized to sell Kulfi-branded products in the United Kingdom.
Markup<div aria-labelledby="primary-D056X1TBGMR-..." aria-setsize="-1" id="message-list_1779294...">
Low
Navigation regions are not distinguishable
WCAG 1.3.1 (A)1 instance1 inspected page
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Why it mattersThe page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Recommended correctionGive each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.
View 1 affected element
Component · Ref I8987G
Affected pagehttps://kulfibeauty.com/collections/all-products
Elementdiv#shopify-section-template--19305267921147__grid > div:nth-of-type(1) > nav
Accessible nameBest Sellers
Sets & Bundles
Lips
Eyes
Complexion
Markup<nav data-ajaxinate-pagination="" class="collection-nav relative z-10
flex justify-center max-w-screen mx-auto
pt-6">
<ul class="max-w-full overflow-scroll no-scrollbar
px-2.5
gap-8 flex justify-start
lg:gap-10 lg:justify-center lg:px-0">
<li class="">
<a class="relative z-10 m-0 text-base uppercase
font-bold leading-normal tracking-wider
transition-colors
hover:text-sherbert
" href="/collections/bestsellers">
…