Automated technical assessment of 5 publicly accessible pages · Scanned 12 Aug 2026. Inspected 5 of 5 selected pages.
Findings
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref 184PD3
Affected pagehttps://www.vicicollection.com/
Element#shopify-section-template--19157368340542__full_span_content_block_abqxVf > .full-span-content-block > .full-span-content-block__base-wrapper > .full-span-content-block__image-wrapper--desktop.full-span-content-block__image-wrapper > .ir > a[data-creative-name=""][data-creative-slot="Full Span Content Block"][href$="new-arrivals"]
Markup<a href="/collections/new-arr..." data-creative-name="" data-creative-slot="Full Span Content Bl..." data-promotion-id="SAVE30-Standard_SITE..." data-promotion-name="SAVE30-Standard_SITE...">
How to fixAdd text to these links or provide alternative text for the images within them, so screen readers can announce their purpose.
Critical
Links lack accessible text
Links expose no accessible name, so their destination is unknown to screen reader users.
Component
1 affected page
3 instances
WCAG WCAG 2.1 SC 2.4.4 Link Purpose (In Context) (Level A)
Ref CR2H34
Affected pagehttps://www.vicicollection.com/
Elementa[data-promotion-id="20FREE_SITE_HP_Desktop_Skinny"]
Markup<a href="/collections/new-arrivals" data-creative-name="" data-creative-slot="Full Span Content Block" data-promotion-id="20FREE_SITE_HP_Desktop_Skinny" data-promotion-name="20FREE_SITE_HP_Desktop_Skinny">
How to fixAdd text to these links that describes their purpose, or use the 'alt' attribute on any images within the links to provide a text description.
Critical
Buttons have no accessible name
Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 4.1.2 Name, Role, Value (Level A)
Ref 87YR7Q
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.save-for-later__favourite-btn
Markup<button class="save-for-later__favourite-btn ">
How to fixAdd an accessible name to the button, either by including text within the button element or by using the aria-label or aria-labelledby attributes to provide a text description of the button's purpose.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
10 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref O6G6N8
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementdiv#new-arrivals-menu > div > div > ul > li:nth-of-type(1)
Accessible nameNew Arrivals
Shop All New
New Dresses
New Tops
New Rompers
New Sets
New Bottoms
Rolemenuitem
Markup<li class="mega-menu-desktop__column" role="menuitem">
<div class="mega-menu-desktop__column-title">
<p class="h2">New Arrivals</p>
</div>
<ul class="mega-menu-desktop__column-list list-reset">
<li class="mega-menu-desktop__column-list-item">
<a href="/collections/new-arrivals" data-test="forloop.index: 1 forloop.last:false forloop_parentloop_last:false has_image_blocks:true has_nav_button:true" class=" mega-menu-desktop__column-list-item-link">Shop All New</a>
… How to fixAdd a tabindex or implement focusable semantics to the navigation control to ensure it can receive keyboard focus, allowing keyboard and switch users to operate it.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
35 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref FZEHI8
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementnav#nav > div:nth-of-type(1) > ul > li:nth-of-type(1) > a
Accessible nameDaily Drop
Markup<a href="/collections/the-daily-drop" class="nav__btn">Daily Drop</a>
How to fixRemove the link from the tab order or make it visible when focused. This can be achieved by adding 'tabindex=-1' to the link element or by adjusting the CSS to display the link when it has focus.
High
Interactive controls are not keyboard-accessible
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.
Component
5 affected pages
65 instances
WCAG WCAG 2.1 SC 2.1.1 Keyboard (Level A)
Ref JY4ROB
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementnav#nav > div:nth-of-type(1) > div > div > div > div:nth-of-type(1)
Accessible nameThe Daily Drop
Rolemenuitem
Markup<div class="nav__item js-nav-item is-selected" role="menuitem" mega-menu-id="the-daily-drop-menu" style="position: absolute; left: 0px; transform: translateX(0%);">
<a href="/collections/the-daily-drop" class="nav__btn">The Daily Drop</a>
</div> How to fixAdd a tabindex attribute to the control or ensure it has focusable semantics, allowing keyboard users to access and activate it.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
10 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref XGVX1J
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementsection#section-header-promo > div > div > div > button:nth-of-type(1)
Accessible namePrevious
Markup<button class="flickity-button flickity-prev-next-button previous" type="button" aria-label="Previous"><svg class="flickity-button-icon" viewBox="0 0 100 100" aria-hidden="true"><path d="M1.618367 28.285714L21.673469 8.230612L23.346939 9.904082L4.114286 29.136735L23.346939 48.369388L21.673469 50.042857L-0.003061 28.285714L1.618367 28.285714Z" class="arrow"></path></svg></button>
How to fixRemove the button from the tab order by setting the 'tabindex' attribute to '-1' or by hiding it using 'display: none' or 'visibility: hidden' when it's not visible.
High
Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 2.4.3 Focus Order (Level A)
Ref LDOI0X
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementa#notepad-anchor-title
Accessible nameMy Wishlist
Markup<a href="#swym-wishlist" class="swym-background-color" id="notepad-anchor-title" aria-label="My Wishlist" data-swym-loaded="true"><i class="swym-icon swym-notepad-white"></i>My Wishlist</a>
How to fixEnsure that all focusable elements are visible to sighted users, or remove them from the tab order if they are not meant to be interacted with. Consider using 'display: none' or 'visibility: hidden' CSS properties to remove the element from the visual layout and the tab order.
High
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref SRSZBZ
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Element.nav__link[aria-controls="sale-menu"][href$="all-sale"]
Accessible nameSale
Markup<a href="/collections/all-sale" class="nav__btn nav__link" aria-expanded="false" aria-controls="sale-menu" style="color: #ff0000;">Sale</a>
How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture to improve readability.
High
Interactive controls must not be nested
Interactive controls must not be nested
Component
5 affected pages
5 instances
WCAG WCAG SC 4.1.2
Ref OGVNOZ
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Element#searchBtn
Accessible nameThe following text field uses predictive search to filter the results as you type and provide suggestions.
Markup<button type="button" class="header__search-button reset-input" id="searchBtn">
How to fixEnsure that interactive elements, such as buttons, are not nested inside other interactive elements. Instead, place them as siblings or wrap them in a non-interactive container.
High
Elements must only use permitted ARIA attributes
Elements must only use permitted ARIA attributes
Component
1 affected page
3 instances
WCAG WCAG SC 4.1.2
Ref LVVCFE
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.pv-essential > .pv-payment-options > .pv-payment-options__content > .pv-payment-options__content-icons > .icon--klarna[aria-label="Klarna"]
Accessible nameKlarna
Markup<i class="icon icon--klarna" aria-label="Klarna"></i>
How to fixRemove the 'aria-label' attribute from the icon element or replace it with a permitted ARIA attribute. Consider using a different method to provide a text description of the icon, such as using the 'alt' attribute or providing a text description nearby.
Medium
Content sits outside any landmark region
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref 3G5T9E
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementsection#section-header-promo > p
Accessible nameThis is a carousel with auto-rotating slides. Use the Next and Previous buttons to navigate. Navigating with buttons disables auto-rotation.
Markup<p class="screenreader">This is a carousel with auto-rotating slides. Use the Next and Previous buttons to navigate. Navigating with buttons disables auto-rotation.</p>
How to fixEnsure all meaningful content is wrapped in a landmark element (e.g., header, nav, main, footer, aside) to enable users to navigate to it using landmark navigation.
Medium
Page has no level-one heading
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Component
4 affected pages
4 instances
WCAG WCAG 2.1 SC 1.3.1 Info and Relationships (Level A)
Ref PJS2X1
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementbody#account
Accessible nameMy Wishlist
0
Early Access. Every Day.
Only In the App
Open App
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MMC4ZGX"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
View the Accessibility StatementSkip to content
This is a carousel with auto-rotating slides. Use the Next and Previous buttons to navigate. Navigating with buttons disables auto-rotation.
⚡50% Off Flash Sale⚡ Ends At Midnight! Shop Now
💰 Enjoy $20 off at Checkout (Min $125) Code: 20FREE
30% Off Sitewide 🤎 Shop New Arrivals
🛍️ Up to 80% Off All Sale Save Now
Free Standard Shipping on U.S. Orders $75+
#section-header-promo {
background: #fbf2ec;
}
#section-header-promo .header-promo__content p,
#section-header-promo .header-promo__content p a {
color: #000000;
}
#section-header-promo .header-promo .flickity-prev-next-button {
stroke: #000000 !important;
}
Open Mobile Menu
VICI
VICI
The following text field uses predictive search to filter the results as you type and provide suggestions.
Cancel search
Search Results
Close
Search
Account
Suggestions
Trending
All Results
Are you looking for...
All Results
Sign In
Sign In
Go to cart page
0
The Daily Drop
New Arrivals
Occasions
Dresses
Tops
Sweaters
Sets
Bottoms
Jeans
Clothing
Accessories
Shoes
Sale
Daily Drop
New
Dresses
Rompers
Tops
Jeans
Skirts
Sets
Athleisure
Occasions
Clothing
Shoes
Accessories
Sale
New Arrivals
Shop All New
New Dresses
New Tops
New Rompers
New Sets
New Bottoms
Trending
Pre-Fall Edit
Romance Shop
Mini Dresses
Lace Shop
Going Viral
New Boots
Denim Dresses
Polka Dot Looks
Athleisure
Bestsellers
…[truncated by Evolize: exceeded D1 value limit]
Markup<body id="account" class="template-login template-customers-login sale-math--cart-enabled swym-ready swym-buttons-loaded"><script id="klarna-osm-script-tag" async="" data-environment="production" src="https://js.klarna.com/web-sdk/v1/klarna.js" data-client-id="36b4f6ec-a8cf-51ec-889e-d77502974d2d"></script><div id="swym-plugin" class="swym-inject swym-ready">
<div id="swym-anchor" role="region" aria-label="My Wishlist" class="swym- swym-heart">
<a href="#swym-wishlist" class="swym-background-color" id="notepad-anchor-title" aria-label="My Wishlist" d… How to fixAdd a level-one heading (h1) to the page that accurately describes its main topic or purpose, ensuring it is the first heading on the page and is properly nested within the HTML structure.
Medium
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
5 affected pages
5 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref YO4JHS
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Element#search
Markup<input id="search" class="header__search-input reset-input reset-input-autocomplete" placeholder="Search VICI" aria-controls="searchPreview">
How to fixIncrease the size of the touch target for the search input field to at least 24x24 pixels, or ensure that it has sufficient space around it to meet the minimum size requirement when considering the space around it.
Medium
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
5 affected pages
5 instances
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref YAR4R0
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Element.go3359009371
Accessible nameSubmit
Markup<button type="button" tabindex="0" data-action-id="01JBN5BJXR1PK1Q0XQAT2FDC3B" class="needsclick go3359009371 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">Submit</button>
How to fixIncrease the size of the 'Submit' button to at least 24x24px to make it easier for users to click, or ensure there is sufficient space around it to meet the minimum target size requirement.
Medium
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref PDFF21
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Element.go3359009371
Accessible nameSubmit
Markup<button type="button" tabindex="0" data-action-id="01JBN5BJXR1PK1Q0XQAT2FDC3B" class="needsclick go3359009371 go4033861592 klaviyo-form-button kl-private-reset-css-Xuajs1">Submit</button>
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Medium
ARIA hidden element must not be focusable or contain focusable elements
ARIA hidden element must not be focusable or contain focusable elements
Component
1 affected page
3 instances
WCAG WCAG SC 4.1.2
Ref 7WYJZP
Affected pagehttps://www.vicicollection.com/cart
Element.carousel-cell.is-selected
Accessible name💰 Enjoy $20 off at Checkout (Min $125) Code: 20FREE
Markup<div class="carousel-cell" aria-hidden="true" style="position: absolute; left: 0px; transform: translateX(100%);">
How to fixRemove or disable any focusable elements within the hidden element, or remove the aria-hidden attribute if the element should be focusable.
Medium
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
1 affected page
2 instances
WCAG WCAG SC 4.1.2
Ref GQ5741
Affected pagehttps://www.vicicollection.com/pages/contact-us
Element.cx-accordion.cx-accordion__accordion--top-level > .cx-accordion__accordion[data-accordion-id="cx-accordion-orders--payments"] > .cx-accordion__button[role="button"][aria-controls="cx-accordion-content"]
Accessible nameOrders + Payments
Toggle Orders + Payments Menu
Rolebutton
Markup<button class="cx-accordion__button acc__btn js-acc-btn" id="cx-accordion-button" role="button" aria-controls="cx-accordion-content" aria-expanded="false">
How to fixEnsure that all IDs used in ARIA attributes are unique within the document. Update the HTML to use distinct IDs for each element that requires an ARIA attribute.
Medium
ARIA hidden element must not be focusable or contain focusable elements
ARIA hidden element must not be focusable or contain focusable elements
Component
1 affected page
4 instances
WCAG WCAG SC 4.1.2
Ref 7W7S8R
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.complete-the-look__carousel-item.carousel-cell[data-vc133-processed="1"]:nth-child(2)
Accessible nameBestseller
Activating this element will cause content on the page to be updated.
Size: XS
Size: S
Size: M
Size: L
Size: XL
Activating this element will cause content on the page to be updated.
Size: XS
Size: S
Size: M
Size: L
Size: XL
Activating this element will cause content on the page to be updated.
Size: M
Size: L
Size: XS
Size: S
Activating this element will cause content on the page to be updated.
Quick Add
Close modal
Close
Select a color:
Vintage Wash
Select a size:
Activating this element will cause content on the page to be updated.
Size: XS - Sold Out
Notify Me
Size: S - Sold Out
Notify Me
Size: M
Size: L
Size: XL
Size: XS - Sold Out
Notify Me
Size: S - Sold Out
Notify Me
Size: M - Sold Out
Notify Me
Size: L - Sold Out
Notify Me
Size: XL - Sold Out
Notify Me
Size: M - Sold Out
Notify Me
Size: L - Sold Out
Notify Me
Size: XS - Sold Out
Notify Me
Size: S - Sold Out
Notify Me
Select a Size
You're currently viewing vintage wash
Color:
…[truncated by Evolize: exceeded D1 value limit]
Markup<div class="carousel-cell complete-the-look__carousel-item" aria-hidden="true" style="position: absolute; left: 0px; transform: translateX(625.12%);" data-vc133-processed="1">
How to fixEnsure that elements marked with aria-hidden=true do not contain focusable elements and are not focusable themselves. Review the HTML structure and adjust the aria-hidden attribute or the focusability of the elements as necessary.
Medium
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
1 affected page
4 instances
WCAG WCAG SC 4.1.2
Ref Y0PMYC
Affected pagehttps://www.vicicollection.com/cart
Element.bag__content--no-saved-for-later > .bag__summary > .bag__summary-inner > .bag__cart-accordions > .cart-accordions > .cart-accordions__item:nth-child(2) > .cart-accordions__header.js-acc-btn[aria-controls="cart-accordion-menu-2"]
Accessible nameFree Returns
Markup<button class="cart-accordions__header js-acc-btn" id="acc-button-cart-accordion-2" type="button" aria-controls="cart-accordion-menu-2" aria-expanded="false">
How to fixEnsure that all IDs used in ARIA attributes are unique within the document. Update the HTML to use distinct IDs for each element that requires an ARIA attribute.
Medium
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref T3EAHH
Affected pagehttps://www.vicicollection.com/cart
Element.is-open
Accessible nameNeed Help?
Markup<div class="cart-accordions__content js-acc-menu is-open" id="cart-accordion-menu-1" aria-labelledby="acc-button-cart-accordion-1" style="display: block; padding-top: 0px; padding-bottom: 0px; height: 0px;">
How to fixEnsure that all IDs used in ARIA attributes and labels are unique within the document. Update the ID 'cart-accordion-menu-1' to a unique value or remove the duplicate usage.
Medium
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref PCDQYI
Affected pagehttps://www.vicicollection.com/cart
Element.is-active
Accessible nameNeed Help?
Markup<button class="cart-accordions__header js-acc-btn is-active" id="acc-button-cart-accordion-1" type="button" aria-controls="cart-accordion-menu-1" aria-expanded="true">
How to fixEnsure that all IDs used in ARIA attributes and labels are unique. Update the HTML to use a distinct ID for the ARIA attribute or the label.
Medium
IDs used in ARIA and labels must be unique
IDs used in ARIA and labels must be unique
Component
1 affected page
1 instance
WCAG WCAG SC 4.1.2
Ref 4UPTT9
Affected pagehttps://www.vicicollection.com/cart
Element.bag__content--no-saved-for-later > .bag__summary > .bag__summary-inner > .bag__totals > cart-discounts > .cart-discounts__container > .cart-discounts__form[data-cart-discounts-form=""] > .cart-discounts__input[data-cart-discounts-input=""][name="_discounts_application"]
Markup<input id="cart-discount-mini" data-cart-discounts-input="" name="_discounts_application" class="cart-discounts__input" placeholder="Discount Code">
How to fixEnsure that all IDs used in ARIA and labels are unique by renaming the duplicate ID to a distinct value.
Low
Low-quality alternative text
Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Component
5 affected pages
5 instances
WCAG WCAG 2.1 SC 1.1.1 Non-text Content (Level A)
Ref AEF2WH
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementimg#fuego-icon
Markup<img src="https://assets.fuego.io/i/width=1024/br9Yz2ug1nlWNDYuR7I8H.png" width="60" height="60" class="f-icon" id="fuego-icon" alt="icon">
How to fixUpdate the alt text to provide a clear and concise description of the image's content, such as what the icon represents or its purpose on the page.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
2 affected pages
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref AJML0X
Affected pagehttps://www.vicicollection.com/pages/contact-us
Element#onetrust-policy-text
Accessible nameThis website uses cookies to enhance user experience and to analyze performance and traffic on our website. We also share information about your use of our site with our social media, advertising and analytics partners.Privacy Policy
Markup<div id="onetrust-policy-text">
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as a darker or lighter shade.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
4 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref 36XW1P
Affected pagehttps://www.vicicollection.com/
Element.featured-shops--template--19157368340542__featured_shops_AAwGfR > .featured-shops__container > .featured-shops__theme-block.featured-shops__theme-block--1x1.align-self:nth-child(2) > .featured-shops__text.featured-shops__text--overlay-desktop.featured-shops__text--desktop-x-center > .featured-shops__cta-copy--2.featured-shops__cta-copy.color
Accessible nameShop Now
Markup<span class="featured-shops__cta-..." style="--color-desktop: #ff...">
How to fixIncrease the contrast between the text and background colors by using a color with a higher contrast ratio, such as changing the text color to a darker or lighter shade, or adding a background overlay to improve readability.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
4 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref GQ5LSP
Affected pagehttps://www.vicicollection.com/
Element.featured-shops__theme-block.featured-shops__theme-block--1x1[href$="womens-tops"] > .featured-shops__text.featured-shops__text--overlay-desktop.featured-shops__text--desktop-x-center > .featured-shops__cta-copy--1.featured-shops__cta-copy.color
Accessible nameShop Now
Markup<span class="featured-shops__cta-..." style="--color-desktop: #ff...">
How to fixIncrease the contrast between the text color and background color by using a color with sufficient difference in brightness and saturation. Consider using a color contrast analyzer tool to find a suitable color combination.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
3 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref OO8MUQ
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.is-loading.pi__img-link[data-product-handle="making-moves-bodysuit"] > .VC133-badge-wrapper.product-badge-wrapper--rectangle[data-vc133-badge="true"] > .product-badge.VC133-badge.product-badge--rectangle > .product-badge__text.VC133-badge-text.product-badge__text--rectangle
Accessible nameBestseller
Markup<span class="product-badge__text VC133-badge-text product-badge__text--rectangle">Bestseller</span>
How to fixIncrease the contrast between the text color and its background by adjusting either the text color or the background color to meet the minimum contrast ratio as defined by WCAG 2.1 SC 1.4.3.
Low
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
1 affected page
1 instance
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref Y5TYDV
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.pi__swatches.swatches > .swatches__item:nth-child(1) > button[aria-label="Off White"][data-color-inventory-quantity="265"][data-color="off-white"]
Accessible nameOff White
Markup<button class="swatches__btn btn-ic..." aria-current="true" aria-label="Off White" data-color="off-white" data-image="//www.vicicollection..." data-color-inventory...="265" data-badge-handle="" type="button" data-price="$44.00" data-initial="false">
How to fixIncrease the size of the button to at least 24x24 pixels or ensure there is sufficient space around it to meet the minimum target size requirement.
Low
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
1 affected page
1 instance
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref NWDZ0I
Affected pagehttps://www.vicicollection.com/
Elementa[data-promotion-id="Loyalty_SITE_Desktop"]
Markup<a href="/pages/social-club-rewards" data-creative-name="" data-creative-slot="Full Span Content Block" data-promotion-id="Loyalty_SITE_Desktop" data-promotion-name="Loyalty_SITE_Desktop">
How to fixIncrease the size of the interactive elements to at least 24x24 pixels or ensure there is sufficient space around them to make them easier to tap.
Low
Touch targets are too small
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Component
1 affected page
1 instance
WCAG WCAG 2.2 SC 2.5.8 Target Size (Minimum) (Level AA)
Ref LQLPCY
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.pi[data-active-color="off-white"][data-product-handle="making-moves-bodysuit"] > div[data-swatches-wrapper=""][data-product-card-tracked="true"] > .pi__swatches.swatches > .js-show-more.swatches__item--btn.desktop-only > .swatches__item-more-link.swatches__item-more-link--btn.js-show-all-swatches
Accessible name+ 2 more colors
Markup<button class="swatches__item-more-link swatches__item-more-link--btn js-show-all-swatches" type="button">
+ 2<span class="sr-only"> more colors</span>
</button> How to fixIncrease the size of the button to at least 24x24 pixels or ensure that it has sufficient padding around it to meet the minimum target size requirement.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
2 instances
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref L7TB2I
Affected pagehttps://www.vicicollection.com/account/login?return_url=%2Faccount
Elementlabel[for="customerLoginEmail"]
Accessible nameEmail
Markup<label for="customerLoginEmail">Email</label>
How to fixIncrease the contrast between the text color and background color of the 'Email' label by using a darker or lighter color for the text or background, respectively.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref YUSVKU
Affected pagehttps://www.vicicollection.com/cart
Elementsection[data-subtotal-price="0"] > .bag__empty.collection-list-active > .bag__empty-cart-text > span
Accessible nameYour cart is currently empty.
Markup<span>Your cart is currently empty.</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirement of 4.5:1 for normal text, as per WCAG 2.1 guidelines.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref MEVC6M
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.pv-media-gallery__model-size
Accessible nameModel wears a S. Height is 5’9”
Markup<div class="pv-media-gallery__model-size">Model wears a S. Height is 5’9”</div>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background, or by changing the text color to a color that has sufficient contrast with the background.
Low
Text has insufficient colour contrast
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Component
1 affected page
1 instance
WCAG WCAG 2.1 SC 1.4.3 Contrast (Minimum) (Level AA)
Ref 4352L4
Affected pagehttps://www.vicicollection.com/products/flower-cart-wrap-floral-mini-skort
Element.hide-mobile > .product-info__container > .pv-essential__price-banner > .pv-price > .viewing > span
Accessible name82 people recently purchased
Markup<span>82 people recently purchased</span>
How to fixIncrease the contrast between the text color and its background by adjusting the colors to meet the minimum contrast ratio as defined by the Web Content Accessibility Guidelines (WCAG 2.1). This can be achieved by using online tools to calculate the contrast ratio and selecting colors that provide sufficient contrast.