Accessibility issues detected on romiboutique.com
Evolize inspected 5 publicly accessible pages on romiboutique.com and detected 70 automatically identifiable accessibility findings. 21 findings were classified as critical or high priority. The findings map to 8 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, embedded frames lack descriptive titles, interactive controls are not keyboard-accessible.
70findings detected
21critical + high
5pages inspected
13 Aug 2026assessed
Independent public assessment. romiboutique.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on romiboutique.com and detected 70 automatically identifiable accessibility findings. 21 findings were classified as critical or high priority. The findings map to 8 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve links lack accessible text, embedded frames lack descriptive titles, interactive controls are not keyboard-accessible.
02 · Priority findings
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 20 | 3 |
| 2.4.3 | Focus Order | A | 15 | 5 |
| 2.4.4 | Link Purpose (In Context) | A | 11 | 5 |
| 4.1.2 | Name, Role, Value | A | 10 | 5 |
| 2.5.8 | Target Size (Minimum) | AA | 7 | 3 |
| 1.3.1 | Info and Relationships | A | 4 | 5 |
| 2.1.1 | Keyboard | A | 2 | 5 |
| 1.1.1 | Non-text Content | A | 1 | 4 |
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 rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
Critical
Links lack accessible text
ComponentRef KVNQ12
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/cartElement
.focus-image.block[href$="nili-lotan"]Markup
<a href="/collections/nili-lotan" class="block focus-image">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'alt' attribute if the link is an image. For example, <a href="/collections/nili-lotan">Nili Lotan Collection</a> or <a href="/collections/nili-lotan"><img src="image.jpg" alt="Nili Lotan Collection"></a>.
ComponentRef 16LVLU
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.focus-image.block[href$="nili-lotan"]Markup
<a href="/collections/nili-lotan" class="block focus-image">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'alt' attribute if the link is an image. For example, <a href="/collections/nili-lotan">Nili Lotan Collection</a> or <a href="/collections/nili-lotan"><img src="image.jpg" alt="Nili Lotan Collection"></a>.
ComponentRef BNA4SA
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/Element
.focus-image[href$="lisa-yang"]Markup
<a href="/collections/lisa-yang" class="focus-image">
How to fixAdd text to these links, or use the 'alt' attribute on any images within them, so screen readers can announce their purpose.
ComponentRef 635CD8
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
.focus-image.block[href$="nili-lotan"]Markup
<a href="/collections/nili-lotan" class="block focus-image">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'alt' attribute if the link is an image. For example, <a href="/collections/nili-lotan">Nili Lotan Collection</a> or <a href="/collections/nili-lotan"><img src="image.jpg" alt="Nili Lotan Collection"></a>.
ComponentRef SI4ZS2
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/Element
.focus-image.block[href$="nili-lotan"]Markup
<a href="/collections/nili-lotan" class="block focus-image">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'alt' attribute if the link is an image. For example, <a href="/collections/nili-lotan">Nili Lotan Collection</a> or <a href="/collections/nili-lotan"><img src="image.jpg" alt="Nili Lotan Collection"></a>.
ComponentRef BMSHKD
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/pages/contactElement
.focus-image.block[href$="nili-lotan"]Markup
<a href="/collections/nili-lotan" class="block focus-image">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'alt' attribute on any images within the link to provide a description.
ComponentRef 2OCSCD
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/Element
.multicolumn-card__media--full.inline-block > .focus-image[href$="twp"]Markup
<a href="/collections/twp" class="focus-image">
How to fixAdd text to the link, or use an aria-label attribute to provide a descriptive text for screen readers.
ComponentRef GB1AU2
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.focus-image[href$="lisa-yang"]Markup
<a href="/collections/lisa-yang" class="focus-image">
How to fixAdd text to the link, or use an aria-label attribute to provide a text description of the link's purpose.
ComponentRef C3RA5K
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/Element
#multicolumn-template--20900203626566__multicolumn_fA69j9-slide01 > .multicolumn-card.text-center > .multicolumn-card__media > .multicolumn-card__media--full.inline-block > .focus-imageMarkup
<a href="https://www.romiboutique.com/collections/designer-clothing?filter.p.m.custom.shopify_color=Red&sort_by=created-descending" class="focus-image">
How to fixAdd text to the link, or provide an alternative way for screen readers to announce the link's purpose, such as using aria-label or aria-describedby attributes.
ComponentRef M46TFY
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/Element
#slideshow-template--20900203626566__slideshow_new_qEYqxw-slide01 > .sm\:justify-center.sm\:text-center.slideshow-item__content > .slideshow-item__link.\!block[aria-label=""]Markup
<a href="https://www.romiboutique.com/discount/BACKTOSCHOOL" class="slideshow-item__link absolute inset-0 !block" aria-label=""></a>
How to fixAdd text to the link or provide an alternative description using the aria-label attribute, so screen readers can announce the link's purpose.
ComponentRef 4Z7L25
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.multicolumn-card__media--full.inline-block > .focus-image[href$="twp"]Markup
<a href="/collections/twp" class="focus-image">
How to fixAdd text to the link, or use an aria-label attribute to provide a descriptive text for screen readers.
Critical
Embedded frames lack descriptive titles
ComponentRef TDZK4I
An <iframe> has no title, so its purpose is not announced to assistive technology.
Affected page
https://www.romiboutique.com/pages/contactElement
iframe[width="100%"]Markup
<iframe src="https://www.google.c..." width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-dow...">
How to fixAdd a title attribute to the iframe element, describing the content or purpose of the frame, such as "Google Maps embed of our location".
ComponentRef 1RI647
An <iframe> has no title, so its purpose is not announced to assistive technology.
Affected page
https://www.romiboutique.com/Element
#merchantwidgetiframeMarkup
<iframe id="merchantwidgetiframe" allowtransparency="true" frameborder="0" scrolling="no" sandbox="allow-same-origin al..." src="https://www.google.c..." style="position: absolute; ...">
How to fixAdd a title attribute to the iframe element, providing a brief description of the frame's content, such as <iframe title='Google Merchant Widget'>.
High
Interactive controls are not keyboard-accessible
ComponentRef QB4HLF
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.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
details#Details-menu-drawer-container > summaryAccessible 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 class="header__icon--hamburger">
<span class="header__icon--hamburger-line"></span>
<span class="header__icon--hamburger-line"></span>
<span class="header__icon--hamburger-line"></span>
</span>
</summary>How to fixAdd a tabindex attribute to the summary element or use a native button element to ensure the control can receive keyboard focus.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef VK66WA
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.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
summary#HeaderDrawer-designersAccessible nameDesigners
Rolebutton
Markup
<summary id="HeaderDrawer-designers" class="menu-drawer__menu-item list-menu__item link link--text focus-inset " role="button" aria-expanded="false" aria-controls="link-designers">
<span class="sr-only">Designers</span>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="icon icon-arrow">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
</svg>
</summary>How to fixAdd focusable semantics or a tabindex to the interactive control to enable keyboard access. Ensure that the control can be reached and activated using a keyboard.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartHigh
Hidden elements can still receive keyboard focus
ComponentRef 873ECF
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
a#notepad-anchor-titleAccessible 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.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef 0LMNJG
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
input#first_name_01KXEHHHSMQ5SHE8EC5ZAQT8J2Markup
<input id="first_name_01KXEHHHSMQ5SHE8EC5ZAQT8J2" type="text" autocomplete="given-name" tabindex="0" placeholder="First Name" aria-invalid="false" options="[object Object]" class="needsclick go579912415 kl-private-reset-css-Xuajs1">
How to fixTo fix this issue, ensure that the element is either removed from the tab order by setting its tabindex to -1 or made visible when it receives focus. Alternatively, consider removing or repositioning the element if it is not necessary for the form's functionality.
Affected pages
/pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef ADPQ5D
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div#swym-storefront-layout-items-container > div > div > div > div:nth-of-type(6) > aAccessible nameSign up — it takes a minute
Markup
<a href="/account" class="swym-storefront-layout-empty-state-signup-link">Sign up — it takes a minute</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.
Affected pages
/ /pages/contact /policies/contact-information /cartComponentRef AZHL5Y
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
html > body > scroll-to-top > buttonAccessible nameScroll to top
Markup
<button type="button" class="scroll-to-top__button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"></path>
</svg>
<span class="sr-only">Scroll to top</span>
</button>How to fixEnsure that all interactive elements, such as buttons, are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. Consider using 'display: none' or 'visibility: hidden' to remove the element from the tab order when it's not visible.
Affected pages
/pages/contact /policies/contact-information /cartComponentRef 1U2XID
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div#swym-storefront-layout-items-container > div > div > div > a:nth-of-type(1)Accessible nameGo to cart
Markup
<a href="/cart" class="swym-storefront-layout-empty-state-cta-button swym-storefront-layout-empty-sfl-go-to-cart">
Go to cart
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M13.8536 4.85368C14.0488 4.65841 14.0488 4.34183 13.8536 4.14657L10.6716 0.964589C10.4763 0.769327 10.1597 0.769327 9.96447 0.964589C9.7692 1.15985 9.7692 1.47643 9.96447 1.6717L12.7929 4.50012L9.96447 7.32855C9.7692 7.52381 9.7692 7.84039 9.96447 8.03566C10.1597 8.23092 10.4763 8.23092 10.6716 8.03566L13.8536 4.85368ZM0.5 5.0…How to fixTo fix this issue, ensure that all interactive elements are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. This can be achieved by adjusting the CSS to make the element visible when focused, or by using JavaScript to remove the element from the tab order when it is not visible.
Affected pages
/policies/contact-information /cartComponentRef 1Y7SOX
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/Element
div#collection-tabs-collection_PGGhTD > div:nth-of-type(2) > button:nth-of-type(1)Markup
<button class="splide__arrow splide__arrow--prev " type="button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon icon-nav-arrow-right">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
</svg>
</button>How to fixEnsure that hidden elements are removed from the tab order by setting the 'tabindex' attribute to '-1' or by using 'display: none' or 'visibility: hidden' CSS properties to hide them.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef MY34EM
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/pages/contactElement
div#swym-storefront-layout-sfy-items-container > swym-storefront-layout-item:nth-of-type(1) > div > div:nth-of-type(2) > div:nth-of-type(3) > buttonAccessible nameAdd To Cart +
Markup
<button class="swym-storefront-layout-grid-item-add-to-cart-button" data-action="add-to-cart">Add To Cart +</button>
How to fixEnsure that all interactive elements that are not visible are also removed from the tab order, or make them visible when they receive focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by using CSS to display the element when it has focus.
ComponentRef 0XYMM7
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/Element
div > div:nth-of-type(1) > div > div:nth-of-type(1) > card-variant-size > button:nth-of-type(1)Accessible nameP
Markup
<button data-variant-id="46129983029318" data-option-value-id="7016089714758" class="variant-size-button btn">
<span class="variant-size-button__text">
P
</span>
<div class="loading__spinner hidden">
<svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</button>How to fixTo fix this issue, ensure that the button is removed from the tab order when it is not visible, or make it visible when it receives focus. This can be achieved by adding a `tabindex=-1` attribute to the button when it's hidden or by adjusting the CSS to make the button visible when focused.
ComponentRef 29LQIT
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
button#swym-atw-pdp-buttonAccessible nameAdd to wishlist
Markup
<button id="swym-atw-pdp-button" type="button" aria-label="Add to wishlist" class="atw-button atw-button-add-color atw-button-add false full-width" style="font-size: 12.3687px; font-family: Rexton; font-weight: 300; letter-spacing: -0.9px;"><svg id="swym-atw-pdp-button-icon" class="atw-button-icon" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6706 5.4736C17.6806 3.8336 14.7206 4.1236 12.8906 5.9536L12.0006 6.8436L11.1106 5.9536C9.29063 4.1336 6.32064 3.8336 4.33064 5.4736C2.05064 7.3536 1.93063 10.7436 3.97063 12.7836L11.6406 20.4536C11.8406 2…How to fixEnsure that all interactive elements that are not visible are also removed from the tab order, or make them visible when they receive focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by adjusting the element's display properties when it receives focus.
ComponentRef X2SL1C
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
div#Thumbnail-Carousel-template--20900204314694__main-slide01Accessible nameGo to slide 1
Rolebutton
Markup
<div id="Thumbnail-Carousel-template--20900204314694__main-slide01" class="thumbnail-list__item splide__slide splide__thumbnail is-active is-visible" data-target="template--20900204314694__main-28719072673862" data-media-position="1" data-media-id="28719072673862" data-media-group="BLACK" data-selected="true" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" style="margin-right: 1.5rem; width: calc(16.6667% - 1.25rem);"><span tabindex="-1" class="thumbnail global-media-settings global-media-settings--no-shadow " aria-label="Load image 1 in gallery view" aria-controls="T…
How to fixEnsure that all interactive elements are visible when they receive keyboard focus. Consider removing the element from the tab order or making it visible when focused by adjusting its CSS styles or ARIA attributes.
ComponentRef O7CCR9
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
div#Main-Carousel-template--20900204314694__main-slide01 > div:nth-of-type(2) > div > aAccessible nameOpen media 1 in modal
Markup
<a class="product__media-icon product__media-icon-image motion-reduce " href="//www.romiboutique.com/cdn/shop/files/dragon-diffusion-handbags-black-os-grace-basket-small-in-black-28719072673862.png?v=1776085620&width=1065" data-pswp-src="//www.romiboutique.com/cdn/shop/files/dragon-diffusion-handbags-black-os-grace-basket-small-in-black-28719072673862.png?v=1776085620&width=1065" data-cropped="true" data-pswp-width="1065" data-pswp-height="1331" aria-label="Open media 1 in modal">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="var(--ico…How to fixEnsure that all interactive elements are visible when they receive keyboard focus, or remove them from the tab order if they are not meant to be interacted with. Consider using the 'tabindex' attribute or adjusting the element's display properties to achieve this.
ComponentRef EYGI42
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/cartElement
textarea#Cart-noteMarkup
<textarea class="text-area field__input" name="note" form="cart" id="Cart-note" placeholder="Order note"></textarea>
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.
ComponentRef HT9HBB
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/cartElement
div#main-cart-total > div > small > aAccessible nameshipping
Markup
<a href="/policies/shipping-policy">shipping</a>
How to fixEnsure that all focusable elements are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. Consider using 'display: none' or 'visibility: hidden' to remove the element from the tab order, or use 'tabindex=-1' to remove it from the tab order while keeping it visible for screen readers.
ComponentRef LG3FHT
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Affected page
https://www.romiboutique.com/cartElement
div > div > div:nth-of-type(1) > cart-items > div:nth-of-type(1) > aAccessible nameContinue shopping
Markup
<a href="/collections/all" class="btn btn-underlined">Continue shopping</a>
How to fixTo fix this issue, ensure that any element that is not visible is also removed from the tab order, or make the element visible when it receives focus. This can be achieved by adding a `tabindex='-1'` attribute to the element or by adjusting the CSS to make the element visible when focused.
High
Modal dialog does not trap keyboard focus
ComponentRef EQ5ZCH
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.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div#swym-storefront-layout-containerAccessible nameMy Wishlist
Roledialog
Markup
<div id="swym-storefront-layout-container" class="swym-storefront-layout-drawer swym-storefront-layout-hide-view swym-storefront-layout-drawer-position-left" role="dialog" aria-modal="true" aria-labelledby="swym-wishlist-title" tabindex="-1">
<div class="swym-storefront-layout-backdrop"></div>
<div class="swym-storefront-layout-layout">
<button id="swym-storefront-layout-close-drawer-button" aria-label="Close" class="swym-storefront-layout-close-button">
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill…How to fixTo fix this, ensure that the modal dialog traps keyboard focus by setting the `tabindex` attribute to `-1` on the dialog container and implementing a focus trap that prevents focus from escaping the dialog.
Affected pages
/ /pages/contact /policies/contact-information /cartHigh
IDs used in ARIA and labels must be unique
ComponentRef JRKKSC
IDs used in ARIA and labels must be unique
Affected page
https://www.romiboutique.com/policies/contact-informationElement
#Details-menu-drawer-dresses-categories > .menu-drawer__submenu.has-submenu.gradientAccessible nameCATEGORIES
Mini Dresses
Midi Dresses
Maxi Dresses
Casual Dresses
Dressy Dresses
Date Night Dresses
Sale Dresses
Markup
<div id="childlink-categories" class="menu-drawer__submenu has-submenu gradient motion-reduce">
How to fixTo fix this issue, ensure that all IDs used in ARIA and labels are unique. Update the HTML to use distinct IDs for each element, such as 'childlink-categories-1' and 'childlink-categories-2'.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef IPJ942
IDs used in ARIA and labels must be unique
Affected page
https://www.romiboutique.com/cartElement
.gap-4 > .list-payment.list[role="list"] > .list-payment__item:nth-child(1) > .icon--full-color[aria-labelledby="pi-amazon"][viewBox="0 0 38 24"] > titleAccessible nameAmazon
Markup
<title id="pi-amazon">Amazon</title>
How to fixEnsure that all IDs used in ARIA and labels are unique by renaming one of the elements with the duplicate ID.
ComponentRef J4EOOL
IDs used in ARIA and labels must be unique
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
#shopify-block-AeThjemhPS1gyN3RQb__wishlist_plus_advanced_pdp_button_e7kenW > .swym-consent-popup[aria-labelledby="swym-consent-title"][data-local-only-accept="OK, Save to Device"] > .swym-consent-popup-content > .swym-consent-popup-titleAccessible nameYour Consent Matters
Markup
<h3 id="swym-consent-title" class="swym-consent-popup-title">Your Consent Matters</h3>
How to fixTo fix this issue, ensure that all IDs used in ARIA attributes and labels are unique within the HTML document. Update the duplicate ID 'swym-consent-title' to a unique value.
ComponentRef ZNDQQK
IDs used in ARIA and labels must be unique
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
#shopify-block-AeThjemhPS1gyN3RQb__wishlist_plus_advanced_pdp_button_e7kenW > .swym-consent-confirm-alert[role="alertdialog"][aria-labelledby="swym-confirm-title"] > .swym-consent-confirm-content > .swym-consent-confirm-titleAccessible nameAre you sure? keep only on this device
Markup
<h3 id="swym-confirm-title" class="swym-consent-confirm-title">
How to fixTo fix this issue, ensure that all IDs used in ARIA attributes and HTML labels are unique within the page. Update the HTML to use distinct IDs for each element.
Medium
Content sits outside any landmark region
ComponentRef TPN9VG
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
li#a11y-refresh-page-messageAccessible nameChoosing a selection results in a full page refresh.
Markup
<li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
How to fixEnsure all meaningful content is wrapped in a landmark element (header, nav, main, footer, aside) to enable users to navigate to it using landmark navigation.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartMedium
Navigation regions are not distinguishable
ComponentRef CBHTQE
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div#menu-drawer > div > div > navAccessible nameNew
Edits
Designers
Designers
Designers
27 Miles
7 For All Mankind
9seed
Abigail Jayne Design
A.L.C
Alemais
Alexa Leigh
All Time Favorite
Alix of Bohemia
Amalia
AMO
Angel Wings
Aquatalia
ASKK NY
Autumn Cashmere
Avenue Montaigne
BA&SH
B.Belt
Bell
Betro Simone
Bevy Flog
Brazeau Tricot
Brodie
Caballero
Calypso
Cami NYC
Campomaggi
Cara Cara Clothing
Caterina Lucchi
Catherine Gee
Chan Luu
Chie Mihara
Citizens of Humanity
Clare V
Colori
Colorush
Commando
Corazon Playero
Cosabella
Dear Frances
Denimist
Dragon Diffusion
Doen
DONNI.
Eberjey
EF Collection
Enza Costa
Eterne
Faliero Sarti
Felicite Apparel
Freecity
Freya
Galadriel Mattei
Generation Love
GOGO
Go Silk
Guest in Residence
Hammitt
Hartford
Hemant & Nandita
Isabel Marant
I Stole My Boyfriend's Shirt
Jane Hollinger
Janessa Leone
Jenny Bird
Jumper 1234
Junk Food
Kujten
L'agence
La Prestic Ouiston
Lana Bilzerian
Le Bon Shoppe
LE SUPERBE
Lisa Yang
Local Beach
Love & Bambii
LoveShackFancy
Love the Label
Loyd/Ford
Lumilla
Lynn Tallerico
Mabe
Madeworn
Marit Rae
Mason's
Me369
Me & K
Mexicana
Michael Lauren
Michael Stars
Minnie Rose
Misa
Momoni
Mother
Mou
Moussy
Naghedi
Nation
Native Gem
NIBI MTK
Nickho Rey
Nili Lotan
NSF
Oats Cashmere
Odette
Olivia Dar
Oncept
Pharaoh
Poupette St Barth
Puntovita
Rachel Gilbert
Rag & Bone
Ramona & Ruth
Ramy Brook
RE/DONE
Retrofete
Romi
Sablyn
SANS FAFF
Satya Jewelry
Simon Miller
Soldout.NYC
Solei Sea
SPRWMN
STAUD
Suzie Kondi
TAI
Temptation Postiano
Tkees
TWP
The Jacksons
Ulla Johnson
Van Palma
Veronica Beard
Vince
Vipul Shah
Voyage et Cie
W.Cashmere
White & Warren
Yigal Azrouel
Yuzefi
Zadig & Voltaire
Nili Lotan
Isabel Marant
Autumn Cashmere
TWP
Clothing
Clothing
Clothing
Dresses
Dresses
Dresses
Mini Dresses
Midi Dresses
Maxi Dresses
Casual Dresses
Dressy Dresses
Date Night Dresses
Sale Dresses
Denim
Denim
Denim
Slim
Petite
Straight
Cropped
Colored
Velvet & Corduroy
Bootcut & Flared
Relaxed & Wide
Shorts & Skirts
Denim Jackets
Sale Denim
Tops
Tops
Tops
Casual
Dressy
Sleeveless
Blouses
Button Ups
Date Night
T-shirts
Sale To…[truncated by Evolize: exceeded D1 value limit]
Markup
<nav class="menu-drawer__navigation">
<ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a id="HeaderDrawer-new" href="/collections/new-arrivals" class="menu-drawer__menu-item list-menu__item link link--text focus-inset ">
New
</a></li><li><a id="HeaderDrawer-edits" href="/collections/the-edits" class="menu-drawer__menu-item list-menu__item link link--text focus-inset ">
Edits
</a></li><li>
<div class="flex flex-ro…How to fixAdd a unique and descriptive accessible name to each navigation landmark using the 'aria-label' or 'aria-labelledby' attribute.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef DO49ZJ
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div#shopify-section-sections--20900204544070__header > sticky-header > header > div > navAccessible nameNew
Edits
Designers
/* Mobile: Hide new columns */
@media screen and (max-width: 1023px) {
.desktop-only-col { display: none !important; }
}
/* Desktop: Layout Rules */
@media screen and (min-width: 1024px) {
.mega-menu-flex-container {
display: flex;
flex-wrap: nowrap !important;
gap: 50px;
align-items: flex-start;
justify-content: flex-start;
}
/* Column 1: A-Z */
.mega-menu-column-az {
flex: 0 0 160px;
}
.az-header {
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
font-weight: 400;
font-size: 11px;
margin-bottom: 25px;
font-family: TWK Lausanne 250;
letter-spacing: 0.05em;
color: #000;
}
.az-wrapper {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 15px 5px;
}
.az-link {
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
color: #000;
transition: opacity 0.2s;
}
.az-link:hover { opacity: 0.5; }
/* Column 2: The Designers Link List (Grid Alignment Fix) */
.mega-menu-column-links {
flex: 1;
}
.designers-header {
text-transform: uppercase;
font-weight: 400;
font-size: 11px;
padding-bottom: 12px;
margin-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
letter-spacing: 0.05em;
font-family: TWK Lausanne 250;
}
/* Fix the spacing/padding inside the grid to be perfectly even */
.designers-grid-container {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
grid-auto-flow: row !important; /* Changed to row to ensure 'Me & K' stays at top left */
gap: 15px 40px !important;
align-items: start !important;
}
.designer-link {
font-size: 13px;
line-height: 1.4;
display: block;
padding: 2px 0;
}
/* Column 3: Banners */
.mega-menu__banner {
flex: 0 0 40%;
display: grid !important;
}
}
DESIGNERS A-Z
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
FEATURED DESIGNERS
7 For All Mankind
Alemais
A.L.C
Alix of Bohemia
Amo
ASKK NY
Autumn Cashmere
Avenue Montaigne
BA&SH
Bell
Betro Simone
Bevy Flog
Cara Cara Clothing
Clare V
Citizens of Humanity
Dear Frances
Denimist
Dragon Diffusion
Doen
Donni
Eberjey
Enza Costa
Eterne
Felicite Apparel
Freecity
Freya
Generation Love
GOGO
Go Silk
Guest in Residence
Hammitt
Isabel Marant
Jenny Bird
Kujten
L'agence
La Prestic Ouiston
Lisa Yang
LoveShackFancy
Loyd/Ford
Lynn Tallerico
Mabe
Madeworn
Me369
Minnie Rose
Mother
Naghedi
Nation
NIBI MTK
Nili Lotan
Oncept
Pharaoh
Rachel Gilbert
Rag & Bone
Ramy Brook
Re/Done
Retrofete
Sablyn
Simon Miller
Sold Out NYC
…[truncated by Evolize: exceeded D1 value limit]
Markup
<nav class="header__inline-menu h-full">
<ul class="list-menu list-menu--inline flex h-full items-center" role="list"><li class="list-menu__items " data-text="New"><a href="/collections/new-arrivals" class="header__menu-item list-menu__item focus-inset h-full relative ">
<span class="h-full flex items-center list-menu__item-text">New</span>
</a></li><li class="list-menu__items " data-text="Edits"><a href="/collections/the-edits" class="header__menu-item list-menu__item focus-inset h-full relative ">
<span class="h-full flex items-center list-m…How to fixAdd a unique and descriptive accessible name to each navigation landmark, using attributes like 'aria-label' or 'aria-labelledby', to help screen readers announce the purpose of each navigation region.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartMedium
ARIA container is missing required child roles
ComponentRef 1OP6Z8
An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
#swym-storefront-layout-collection-listAccessible nameYour Wishlist Collections
Rolelist
Markup
<swym-storefront-layout-collection-list id="swym-storefront-layout-collection-list" role="list" aria-label="Your Wishlist Collections"></swym-storefront-layout-collection-list>
How to fixAdd listitem roles to the child elements of the list, ensuring that each item in the list has a clear and consistent structure.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartMedium
ARIA attributes have invalid values
ComponentRef 50B7E3
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
#gallery-social-sections--20900204511302__gallery_socical_nbdHefRoleregion
Markup
<div id="gallery-social-secti..." class="splide-slider splide..." data-splide="{"direction":"ltr", ..." aria-labelledby="gallery-social" role="region">How to fixVerify that all ARIA attributes have valid values and reference existing ids. Check the HTML element with the id 'gallery-social-secti...' and ensure that the aria-labelledby attribute references an existing element with the id 'gallery-social'
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black /cartComponentRef DCSLJK
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
#Gallery-carousel-template--20900204314694__mainAccessible nameDragon Diffusion
1/3
Markup
<gallery-carousel id="Gallery-carousel-template--20900204314694__main" class=" flex gap-y-6 product__media-list flex-col " data-autoplay="true" desktop-grid="" aria-labelledby="Gallery Viewer" data-filter-selected="BLACK" data-media-grouping="true" style="--column-gap-media:0.5rem;">
How to fixVerify that the id referenced in the aria-labelledby attribute exists and is a valid value. Ensure that all ARIA attributes conform to valid values as defined in the WAI-ARIA specification.
Medium
Text has insufficient colour contrast
ComponentRef 7TSLN5
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.product__inventory-messageAccessible nameLow stock: 2 left
Markup
<div class="product__inventory-message flex flex-row gap-x-6 items-center product__inventory-message-low-stock"><span class="product__inventory-icon"></span>Low stock: 2 left
</div>How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background overlay to improve readability.
ComponentRef ENNTEQ
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
span[aria-current="page"]Accessible nameGRACE BASKET SMALL IN BLACK
Markup
<span class="ms-4 text-size-small truncate opacity-60" aria-current="page">GRACE BASKET SMALL IN BLACK</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter background, or a more vibrant text color, to meet the minimum contrast ratio thresholds as defined by the Web Content Accessibility Guidelines (WCAG 2.1).
ComponentRef VYLILV
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
a[aria-label="SHOP BACK TO SCHOOL"]Accessible nameSHOP BACK TO SCHOOL
Markup
<a aria-label="SHOP BACK TO SCHOOL" class="btn btn-primary " href="https://www.romiboutique.com/discount/BACKTOSCHOOL?redirect=/collections/back-to-school-essentials">
SHOP BACK TO SCHOOL
</a>How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef JE1E35
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#multicolumn-template--20900203626566__multicolumn_fA69j9-slide01 > .multicolumn-card.text-center > .multicolumn-card__info.pt-6 > .mb-3.h2Accessible nameBest in red
Markup
<h3 class="h2 mb-3">Best in red</h3>
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 overlay to improve readability.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef 5IF34C
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#multicolumn-template--20900203626566__multicolumn_fA69j9-slide01 > .multicolumn-card.text-center > .multicolumn-card__info.pt-6 > .mb-8.rte > pAccessible nameA curated selection in this season's 'it' color.
Markup
<p>A curated selection in this season's 'it' color.</p>
How to fixIncrease the contrast between the text color and the background color by using a color with sufficient lightness difference. A contrast ratio of at least 4.5:1 for normal text is recommended.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef XY8MGF
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
quick-view[data-product-url="/products/minsu-bag-in-white"] > .lg\:block.hiddenAccessible nameAdd
Markup
<span class="hidden lg:block">Add</span>
How to fixIncrease the contrast between the text color and background color of the 'Add' button to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef QO51YM
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#featured-collection-template--20900203626566__featured_collection_Ub69zg-slide01 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card-information > .product-card__label.pt-2 > .product-card__label-item.text-sm.borderAccessible nameRomi's Closet
Markup
<div class="product-card__label-item text-sm border inline-block"> Romi's Closet</div>
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 overlay to improve readability.
ComponentRef 8AIW9
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.product-card-sm.md\:gap-x-8.p-6:nth-child(1) > .quick-add.no-js-hidden > quick-view > .lg\:block.hiddenAccessible nameAdd
Markup
<span class="hidden lg:block">Add</span>
How to fixIncrease the contrast between the text color and background color of the 'Add' button to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef 6KRPNQ
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#featured-collection-template--20900203626566__featured_collection_Ub69zg-slide01 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card__vendor.mb-4 > .caption-with-letter-spacing.light[title="Isabel Marant"]Accessible nameIsabel Marant
Markup
<a class="caption-with-letter-spacing light" href="/collections/vendors?q=Isabel%20Marant" title="Isabel Marant">Isabel Marant</a>
How to fixIncrease the contrast between the text color and background color of the link by adjusting the CSS styles, such as changing the color or adding a background image with sufficient contrast.
ComponentRef I5TXZX
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
a[aria-label="shop party dresses"]Accessible nameshop party dresses
Markup
<a aria-label="shop party dresses" class="btn btn-outline-white mt-8" href="/collections/dressy-dresses-1">
shop party dresses
</a>How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds, such as using a darker or lighter background color, or a more vibrant text color.
ComponentRef 1AZ5Y8
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#featured-collection-template--20900203626566__featured_collection_Ub69zg-slide01 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card-information > .price > .price__container > .price__regular > .price-item--regular.price-itemAccessible name$850
Markup
<span class="price-item price-item--regular">
$850
</span>How to fixAdjust the color of the text or its background to meet the minimum contrast ratio of 4.5:1 for normal text, as per WCAG 2.1 guidelines.
ComponentRef 55F55S
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
.media-grid__item:nth-child(1) > .h-full > .no-radius.overflow-hidden.w-full > .media-grid__item--content.p-14.overlay-media > .media-grid__item--inner.z-\[2\] > .media-grid__item--heading.h2Accessible namethe dress code
Markup
<div class="media-grid__item--heading h2">the dress code</div>
How to fixIncrease the contrast between the text color and the background color by adjusting the CSS styles for the element with class 'media-grid__item--heading h2'. Consider using a color contrast analyzer tool to find a suitable combination that meets the WCAG 2.1 guidelines.
ComponentRef RCV6YA
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
.full-unstyled-link.product-link[title="Paige Dress"]Accessible namepaige dress
Markup
<a href="/collections/romis-closet/products/paige-dress" title="Paige Dress" class="full-unstyled-link product-link" style="text-transform: capitalize;">
paige dress
</a>How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements. A contrast ratio of at least 4.5:1 for normal text is recommended.
ComponentRef Y191EH
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
a[title="Veronica Beard"]Accessible nameVeronica Beard
Markup
<a class="caption-with-letter-spacing light" href="/collections/vendors?q=Veronica%20Beard" title="Veronica Beard">Veronica Beard</a>
How to fixIncrease the contrast between the text color and the background color to meet the minimum contrast ratio requirements. This can be achieved by adjusting the CSS styles for the '.caption-with-letter-spacing light' class.
ComponentRef WBEU51
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/cartElement
.button.btn-primary[href$="all"]Accessible nameContinue shopping
Markup
<a href="/collections/all" class="button btn btn-primary">
Continue shopping
</a>How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds. This can be achieved by changing the CSS styles for the button's text color or background color.
ComponentRef 03LCHD
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
.total-slidesAccessible name3
Markup
<span class="total-slides">3</span>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade, or add a background image or texture to improve readability.
ComponentRef 5VYKHN
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
.buttonPriceAccessible name— $500
Markup
<span class="buttonPrice ">— $500</span>
How to fixIncrease the contrast between the text color and the background color to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3. This can be achieved by changing the text or background color.
ComponentRef TE5VYA
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
#featured-collection-template--20900203626566__featured_collection_Ub69zg-slide03 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card__heading.mb-4 > .full-unstyled-link.product-link[title="Suede Beep Thong"]Accessible namesuede beep thong
Markup
<a href="/collections/romis-closet/products/suede-beep-thong-2" title="Suede Beep Thong" class="full-unstyled-link product-link" style="text-transform: capitalize;">
suede beep thong
</a>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 thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef 50JN6G
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/Element
.current-slideAccessible name2
Markup
<span class="current-slide">1</span>
How to fixIncrease the contrast between the text color and the background color by using a color with a higher contrast ratio, such as using a darker or lighter shade.
ComponentRef U6PDTD
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
#ProductSubmitButton-template--20900204314694__main > span:nth-child(1)Accessible nameAdd to cart
Markup
<span>Add to cart </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.
Medium
ARIA hidden element must not be focusable or contain focusable elements
ComponentRef QSQ8WW
ARIA hidden element must not be focusable or contain focusable elements
Affected page
https://www.romiboutique.com/Element
#featured-collection-template--20900203626566__featured_collection_Ub69zg-slide05Accessible name5 of 16
Rolegroup
Markup
<div class="splide__slide" id="featured-collection-template--20900203626566__featured_collection_Ub69zg-slide05" role="group" aria-roledescription="slide" aria-label="5 of 16" style="margin-right: 3rem; width: calc(25% - 2.25rem);" aria-hidden="true">
How to fixEnsure that elements with aria-hidden=true do not contain focusable elements and are not focusable themselves. Remove any focusable content or elements from the hidden element, or remove the aria-hidden attribute if the element should be focusable.
Medium
Elements must only use permitted ARIA attributes
ComponentRef 6ISNRM
Elements must only use permitted ARIA attributes
Affected page
https://www.romiboutique.com/products/grace-basket-small-in-blackElement
#Gallery-carousel-template--20900204314694__mainAccessible nameDragon Diffusion
1/3
Markup
<gallery-carousel id="Gallery-carousel-template--20900204314694__main" class=" flex gap-y-6 product__media-list flex-col " data-autoplay="true" desktop-grid="" aria-labelledby="Gallery Viewer" data-filter-selected="BLACK" data-media-grouping="true" style="--column-gap-media:0.5rem;">
How to fixVerify that all ARIA attributes used on the gallery-carousel element are permitted and properly implemented. Ensure that the aria-labelledby attribute references an existing element that provides a clear and concise description of the carousel's content.
Low
Touch targets are too small
ComponentRef VIAW86
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/Element
#collection-tabs-collection_PGGhTD-slide04 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card__heading.mb-4 > .full-unstyled-link.product-link[title="Coco Sleeveless Silk Dress"]Accessible namecoco sleeveless silk dress
Markup
<a href="/collections/new-arrivals/products/coco-sleeveless-silk-dress" title="Coco Sleeveless Silk Dress" class="full-unstyled-link product-link" style="text-transform: capitalize;">
coco sleeveless silk dress
</a>How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels to make them easier to tap or click.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef 8PKMCK
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/Element
#collection-tabs-collection_PGGhTD-slide01 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card-product__media.media-fit-fill.relative > .card-product__media-inner.card-product__media-secondary-image > .swym-wishlist-collections-v2-container > .swym-wishlist-collections-v2[aria-label="Add to Wishlist"][type="button"]Accessible nameAdd to Wishlist
Markup
<button type="button" class="swym-wishlist-collections-v2" style="transform: translate(184px, 0px);" data-product-id="https://www.romiboutique.com/products/san-francisco-giants-relaxed-sweater" aria-label="Add to Wishlist" aria-pressed="false">
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels to make them easily accessible by touch.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef 67361V
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/Element
#collection-tabs-collection_PGGhTD-slide02 > .h-full > .card-wrapper.product-card-wrapper > .card-product > .card__content.pt-6 > .card__information.text-center > .card__vendor.mb-4 > .caption-with-letter-spacing.light[title="Aviator Nation"]Accessible nameAviator Nation
Markup
<a class="caption-with-letter-spacing light" href="/collections/vendors?q=Aviator%20Nation" title="Aviator Nation">Aviator Nation</a>
How to fixEnsure that all interactive elements, such as buttons and links, have a minimum size of 24x24 pixels to make them easier to tap or click.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef 7YCJO6
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/Element
.full-unstyled-link.product-link[title="San Francisco Giants Sweatpant"]Accessible namesan francisco giants sweatpant
Markup
<a href="/collections/new-arrivals/products/san-francisco-giants-sweatpant" title="San Francisco Giants Sweatpant" class="full-unstyled-link product-link" style="text-transform: capitalize;">
san francisco giants sweatpant
</a>How to fixEnsure that all interactive elements have a minimum size of 24x24 pixels or provide sufficient space around them to meet the target size requirement.
Affected pages
/ /products/grace-basket-small-in-blackComponentRef 8P5CBG
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/cartElement
.card-product__media-inner > .swym-wishlist-collections-v2-container > .swym-wishlist-collections-v2[aria-label="Add to Wishlist"][type="button"]Accessible nameAdd to Wishlist
Markup
<button type="button" class="swym-wishlist-collections-v2" style="transform: translate(304px, 0px);" data-product-id="https://www.romiboutique.com/products/grace-basket-small-in-black" aria-label="Add to Wishlist" aria-pressed="false">
How to fixIncrease the size of the 'Add to Wishlist' button to at least 24x24px or ensure sufficient space around it to meet the minimum target size requirement.
ComponentRef 1CUSK8
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/cartElement
.full-unstyled-linkAccessible namegrace basket small in black
Markup
<a href="/products/grace-basket-small-in-black?_pos=1&_sid=e79b7829a&_ss=r&_fid=94891d375" title="GRACE BASKET SMALL IN BLACK" class="full-unstyled-link product-link" style="text-transform: capitalize;">
grace basket small in black
</a>How to fixEnsure that all interactive elements, such as links and buttons, have a minimum size of 24x24 pixels to make them easier to tap. Consider using CSS to increase the size of the link or adding padding around it to achieve the recommended size.
ComponentRef 325VO8
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.romiboutique.com/cartElement
.caption-with-letter-spacingAccessible nameDragon Diffusion
Markup
<a class="caption-with-letter-spacing light" href="/collections/vendors?q=Dragon%20Diffusion" title="Dragon Diffusion">Dragon Diffusion</a>
How to fixIncrease the size of the touch target for the 'Dragon Diffusion' link to at least 24x24 pixels, or ensure there is sufficient space around the link to meet the minimum size requirement.
Low
Low-quality alternative text
ComponentRef AM5LXV
Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Affected page
https://www.romiboutique.com/policies/contact-informationElement
div:nth-of-type(2) > div:nth-of-type(4) > div > div > div > imgMarkup
<img src="https://d3k81ch9hvuctc.cloudfront.net/company/TJ8jZj/images/379ea717-567d-4e9d-88eb-f4dfcf15917f.png" width="686" height="1" tabindex="-1" alt="Line" class="needsclick go548104837 go1466145428 kl-private-reset-css-Xuajs1">
How to fixUpdate the alt text to provide a unique and descriptive text for each image, so that users with visual impairments can understand the content and purpose of the images.
Affected pages
/ /pages/contact /policies/contact-information /products/grace-basket-small-in-black05 · Pages inspected
06 · About this assessment
Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.
- Publicly accessible surfaces only — no credentials, private systems, or source-code access.
- Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
- Results reflect the site at the scan date and may have changed since.
Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment
07 · Continuous monitoring
This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.
Is information in this report inaccurate or outdated? Request a correction or removal.