Accessibility issues detected on jackerwin.com
Evolize inspected 5 publicly accessible pages on jackerwin.com and detected 57 automatically identifiable accessibility findings. 23 findings were classified as critical or high priority. The findings map to 10 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve form fields are missing labels, links lack accessible text, buttons have no accessible name.
57findings detected
23critical + high
5pages inspected
13 Aug 2026assessed
Independent public assessment. jackerwin.com is not necessarily affiliated with or a customer of Evolize.
01 · Accessibility summary
Evolize inspected 5 publicly accessible pages on jackerwin.com and detected 57 automatically identifiable accessibility findings. 23 findings were classified as critical or high priority. The findings map to 10 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve form fields are missing labels, links lack accessible text, buttons have no accessible name.
02 · Priority findings
- Critical Form fields are missing labels
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Links lack accessible text
- Critical Buttons have no accessible name
03 · WCAG criteria affected
| Criterion | Name | Level | Findings | Pages |
|---|---|---|---|---|
| 1.4.3 | Contrast (Minimum) | AA | 19 | 5 |
| 2.4.3 | Focus Order | A | 13 | 5 |
| 4.1.2 | Name, Role, Value | A | 7 | 5 |
| 1.1.1 | Non-text Content | A | 5 | 3 |
| 1.3.1 | Info and Relationships | A | 5 | 5 |
| 2.1.1 | Keyboard | A | 5 | 1 |
| 2.4.4 | Link Purpose (In Context) | A | 3 | 3 |
| 2.2.2 | Pause, Stop, Hide | A | 2 | 1 |
| 2.5.8 | Target Size (Minimum) | AA | 1 | 1 |
| 3.3.2 | Labels or Instructions | A | 1 | 5 |
Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.
Continuous monitoring
A scan shows today's exposure. Monitoring shows what changes next.
Evolize continuously rescans public websites, detects newly introduced or recurring accessibility issues, tracks remediation and verifies fixes.
04 · All detected findings
Critical
Form fields are missing labels
ComponentRef JED39N
Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.
Affected page
https://www.jackerwin.com/Element
#new_mce-EMAILMarkup
<input type="email" value="" name="EMAIL" class="required email" id="new_mce-EMAIL">
How to fixAdd a label element to the form input, using the 'for' attribute to associate it with the input's 'id' attribute, or use the 'aria-label' attribute to provide a text description of the input field.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartCritical
Links lack accessible text
ComponentRef RC5WJH
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.jackerwin.com/Element
.slideshow__slide-content-link[href$="mens-new-arrivals"]Markup
<a href="/collections/mens-new-arrivals" class="slideshow__slide-content-link" tabindex="-1"></a>
How to fixAdd text to these links, or provide an alternative way for screen readers to announce their purpose, such as using aria-label or aria-labelledby attributes.
ComponentRef SPE8UK
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
li[data-product-id="1993182216278"] > form[action="/cart/add"][method="post"] > .product__background-color > .product__image > aMarkup
<a href="/products/decker-chocolate-suede">
How to fixAdd text to these links, even if it's just a brief description of where the link goes, or use the 'aria-label' attribute to provide a text description for screen readers.
ComponentRef 9BY5H6
Links expose no accessible name, so their destination is unknown to screen reader users.
Affected page
https://www.jackerwin.com/collections/canal-productsElement
.arrow-back_to_topMarkup
<a class="arrow-back_to_top link-scroll" href="#">
<img src="//www.jackerwin.com/cdn/shop/t/239/assets/ico-arrow-up.png?v=14284690995530565201778576722" width="15">
</a>How to fixAdd text to the link, or provide an alternative text for the image using the alt attribute, so screen readers can announce the link's purpose.
Critical
Buttons have no accessible name
ComponentRef CNOF2M
Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.slider-button--nextMarkup
<button type="button" class="slider-button slider-button--next" name="next">
How to fixAdd an accessible name to the button using the 'aria-label' attribute or provide a text description of the button's purpose.
ComponentRef 3NH7N
Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.slider-button--prevMarkup
<button type="button" class="slider-button slider-button--prev" name="previous" disabled="disabled">
How to fixAdd accessible text to the button, either by including text content within the button element or by providing an aria-label attribute that describes the button's purpose.
High
Form fields use placeholder text as the only label
ComponentRef YNYY0C
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Affected page
https://www.jackerwin.com/Element
input#side-panel-search-inputMarkup
<input id="side-panel-search-input" type="search" class="search-field" placeholder="Search for anything" value="" name="q" autocomplete="off">
How to fixAdd a visible and programmatic label to the form field, ensuring it remains available even when the user interacts with the field. Consider using the 'label' element and associating it with the input field using the 'for' attribute.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartHigh
Modal dialog does not trap keyboard focus
ComponentRef Y900RS
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.jackerwin.com/Element
div#rebuy-cartAccessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" data-rebuy-cart-layout="single" class="rebuy-cart currency-USD no-items"><div class="rebuy-cart__flyout"><div data-rebuy-cart-anchor="header"><div data-rebuy-cart-header-top=""><div data-rebuy-cart-header-top-inner=""><h2 id="rebuy-cart-title" data-rebuy-component-id="title_bar" data-rebuy-component="title-bar" class="rebuy-cart__title">Your Cart</h2> <div data-rebuy-cart-header-top-inner-right=""></div></div> <button id="rebuy-cart-close" type="button" aria-label="Close Cart" class="rebu…
How to fixTo fix this issue, ensure that the modal dialog traps keyboard focus by setting the 'tabindex' attribute to '-1' on the modal container and handling the 'focusout' event to prevent focus from escaping the dialog.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartHigh
Hidden elements can still receive keyboard focus
ComponentRef M0RTCO
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.jackerwin.com/Element
div:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > divAccessible nameYou are $50.00 away from FREE SHIPPING!
Roleprogressbar
Markup
<div role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-labelledby="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-meter-fill" style="width: 0%;"><span class="sr-only">Progress: 0%</span></div>
How to fixRemove the tabindex attribute or set it to -1 to prevent the hidden element from receiving keyboard focus. Alternatively, make the element visible when it receives focus.
Affected pages
/ /collections/canal-products /products/carmine /pages/ajax-cartComponentRef HCUGVW
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.jackerwin.com/Element
button#rebuy-cart-closeAccessible nameClose Cart
Markup
<button id="rebuy-cart-close" type="button" aria-label="Close Cart" class="rebuy-cart__flyout-close"><i aria-hidden="true" class="fal fa-times"></i> <span class="sr-only">Close Cart</span></button>
How to fixEnsure that the element is removed from the tab order when it is not visible, or make the element visible when it receives focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by adjusting the element's CSS to make it visible when focused.
Affected pages
/ /collections/canal-products /products/carmine /pages/ajax-cartComponentRef 89R7PG
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.jackerwin.com/Element
div#loop-manager > dialog > div > div:nth-of-type(1) > div > spanAccessible nameClose modal
Rolebutton
Markup
<span class="modal-icon-wrapper" role="button" tabindex="0" aria-label="Close modal" style="width: 18px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true" class="modal-icon"><path stroke-linecap="round" d="M2.8 2.8 7 7m4.2 4.2L7 7m0 0 4.2-4.2M7 7l-4.2 4.2"></path></svg></span>
How to fixTo fix this issue, ensure that the element is removed from the tab order when it is not visible, by setting its 'tabindex' attribute to '-1' or by using the 'display: none' or 'visibility: hidden' CSS properties to completely hide it from screen readers and keyboard navigation.
Affected pages
/ /collections/canal-products /products/carmine /pages/ajax-cartComponentRef 58ODOG
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.jackerwin.com/Element
div > div:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > h5 > aAccessible nameView Suede Shoe Care Kit
Markup
<a href="/products/suede-shoe-care-kit?variant=62525096067441&_rdiscovery-handle=suede-shoe-care-kit&_rdiscovery-widget=190366" aria-label="View Suede Shoe Care Kit" rel="nofollow" class="rebuy-product-title-link clickable">Suede Shoe Care Kit</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' 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.
Affected pages
/ /collections/canal-products /pages/ajax-cartComponentRef NVDHU1
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.jackerwin.com/Element
div:nth-of-type(3) > div > div:nth-of-type(1) > div > p:nth-of-type(2) > aAccessible nameShop Now
Markup
<a href="/collections/all">Shop Now</a>
How to fixTo fix this issue, remove the element from the tab order or make it visible when focused. This can be achieved by adding 'tabindex=-1' to the element or by making sure it is displayed when it receives focus.
Affected pages
/ /collections/canal-products /pages/ajax-cartComponentRef Y6JPVG
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.jackerwin.com/products/carmine-dark-brown-suedeElement
div#wrapper > div:nth-of-type(5) > div:nth-of-type(2) > div:nth-of-type(2) > button:nth-of-type(1)Accessible namePrevious (arrow left)
Markup
<button class="pswp__button pswp__button--arrow--left" onclick="SlyderSync(this);" title="Previous (arrow left)">
<svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 5.5H2" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5.30002 1L0.800018 5.5L5.30002 10" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</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 can be focused. This can be achieved by adding or removing the 'tabindex' attribute or by using JavaScript to dynamically update the button's visibility and focusability.
ComponentRef MJKPRT
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.jackerwin.com/Element
div#product-grid-template--28410821247345__featured_collection_W6axay > div:nth-of-type(1)Markup
<div class="flickity-nav flickity-prev" tabindex="0" style="transform: translateY(-83.086px);"> <svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 5.5H2" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M5.30002 1L0.800018 5.5L5.30002 10" stroke="var(--color-accent)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div>
How to fixRemove the tabindex attribute or set it to -1 for the hidden navigation element, or make the element visible when it receives focus.
ComponentRef X1UH4L
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.jackerwin.com/products/gift-cardElement
input#template--28410820067697__main-product-1-0--stickyMarkup
<input type="radio" id="template--28410820067697__main-product-1-0--sticky" name="Amount--sticky" value="$25" form="product-form-template--28410820067697__main-product" checked="">
How to fixTo fix this issue, ensure that the hidden element is removed from the tab order by setting its 'tabindex' attribute to '-1' or by making the element visible when it receives focus. Alternatively, consider removing or repositioning the element if it is not necessary for the form's functionality.
ComponentRef 89VM4F
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.jackerwin.com/products/carmine-dark-brown-suedeElement
div:nth-of-type(2) > div > ul > li > div > buttonAccessible nameCustomer-uploaded image. Click to see more details. The image represents: A pair of gray suede penny loafers with wooden shoe trees inside, placed on a concrete surface
Rolebutton
Markup
<button aria-label="Customer-uploaded image. Click to see more details. The image represents: A pair of gray suede penny loafers with wooden shoe trees inside, placed on a concrete surface" role="button" type="button" class="oke-media-link"><img alt="Customer-uploaded image. Click to see more details. The image represents: A pair of gray suede penny loafers with wooden shoe trees inside, placed on a concrete surface" draggable="false" class="oke-media-image" style="opacity: 0; transition: 0.1s ease-out;"></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 setting the 'display' or 'visibility' CSS property to 'none' when the button is not intended to be interacted with, or by using JavaScript to manage the button's visibility and focusability.
ComponentRef S8OWOK
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.jackerwin.com/collections/canal-productsElement
div#shopify-section-sections--28410819576177__old-footer > footer > div > aMarkup
<a class="arrow-back_to_top link-scroll" href="#">
<img src="//www.jackerwin.com/cdn/shop/t/239/assets/ico-arrow-up.png?v=14284690995530565201778576722" width="15">
</a>How to fixRemove the element from the tab order by setting the 'tabindex' attribute to '-1' or by making the element visible when it receives focus. Alternatively, consider removing or replacing the element if it's not necessary for the page's functionality.
ComponentRef EE8JT8
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.jackerwin.com/products/carmine-dark-brown-suedeElement
div#ProductInfo-template--28410820264305__OLD-main-product > div:nth-of-type(2) > div > span:nth-of-type(1)Accessible name4.35 stars
Rolebutton
Markup
<span class="jdgm-prev-badge__stars" data-score="4.35" tabindex="0" aria-label="4.35 stars" role="button"> <span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--on"></span><span class="jdgm-star jdgm--half"></span> </span>
How to fixRemove the tabindex attribute or set it to -1 to prevent the element from receiving keyboard focus when it's not visible. Alternatively, make the element visible when it receives focus.
ComponentRef 9PHLDS
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.jackerwin.com/Element
section#shopify-section-template--28410821247345__ugc_section_ijCXmd > ugc-media > div > div > div > div:nth-of-type(8)Markup
<div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="0" style="width: 439px;">
<div class="ugc-media__item">
<img src="//www.jackerwin.com/cdn/shop/files/media_four.webp?v=1762860961"></div>
</div>How to fixTo fix this issue, remove the tabindex attribute or set it to '-1' for the hidden element, or make the element visible when it receives focus. Ensure that the element is removed from the tab order when it is not visible.
High
ARIA hidden element must not be focusable or contain focusable elements
ComponentRef W7CW3S
ARIA hidden element must not be focusable or contain focusable elements
Affected page
https://www.jackerwin.com/Element
#rebuy-cartAccessible nameYour Cart
Roledialog
Markup
<div id="rebuy-cart" role="dialog" aria-modal="true" aria-labelledby="rebuy-cart-title" aria-hidden="true" data-rebuy-cart-layout="single" class="rebuy-cart currency-USD no-items">
How to fixEnsure that when an element with an ARIA role of 'dialog' has aria-hidden set to 'true', it does not contain any focusable elements and is not itself focusable. This may involve setting 'tabindex=-1' on the dialog and any focusable descendants, or removing the focusable elements when the dialog is hidden.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartComponentRef GCJ49X
ARIA hidden element must not be focusable or contain focusable elements
Affected page
https://www.jackerwin.com/Element
div[data-slick-index="3"]Markup
<div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="0" style="width: 439px;">
<div class="ugc-media__item">
<img src="//www.jackerwin.com/cdn/shop/files/media_four.webp?v=1762860961"></div>
</div>How to fixRemove the tabindex attribute from elements that have aria-hidden=true, or set aria-hidden=false if the element should be focusable and accessible to screen readers.
High
Images lack text alternatives
ComponentRef PESH3P
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://www.jackerwin.com/Element
div[data-slick-index="0"] > .ugc-media__item > imgMarkup
<img src="//www.jackerwin.com/cdn/shop/files/media_one.webp?v=1762860915">
How to fixAdd an alt attribute to the img tag with a descriptive text that conveys the image's meaning, for example: <img src="//www.jackerwin.com/cdn/shop/files/media_one.webp?v=1762860915" alt="Description of the image">
ComponentRef UNFIOX
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
li:nth-child(1) > figure > imgMarkup
<img src="https://dxkmbl8uwuv9p.cloudfront.net/jack-erwin/1643231584334/c5fd6549-02ce-4ee6-834f-a50d50af6a10/000003490006+copy.jpg">
How to fixAdd an 'alt' attribute to the image with a brief description of the image content, such as 'Product image of carmine dark brown suede shoes'. If the image is decorative, use an empty 'alt' attribute (alt='').
ComponentRef 7KWA5Y
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://www.jackerwin.com/collections/canal-productsElement
img[width="15"]Markup
<img src="//www.jackerwin.com/cdn/shop/t/239/assets/ico-arrow-up.png?v=14284690995530565201778576722" width="15">
How to fixAdd an 'alt' attribute to the image with a brief description of its content or purpose. For example: <img src='...' alt='Arrow up icon to scroll back to top'>
ComponentRef ZIEW4E
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.product__box-image > imgMarkup
<img src="https://dxkmbl8uwuv9p.cloudfront.net/jack-erwin/1778603362000/b251415b-4d8d-4a73-b675-967ba9c5e195/176A3824_e165d444-9d0b-4436-8f26-9c1893c88015.jpg">
How to fixAdd an alt attribute to the image with a brief description of the image content, such as alt="Product image of carmine dark brown suede".
ComponentRef P2X567
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Affected page
https://www.jackerwin.com/Element
.slick-current > .ugc-media__item > imgMarkup
<img src="//www.jackerwin.com/cdn/shop/files/media_two.webp?v=1762860933">
How to fixAdd an alt attribute to the image with a descriptive text that conveys the image's meaning or purpose. For example: <img src='//www.jackerwin.com/cdn/shop/files/media_two.webp?v=1762860933' alt='Description of the image'>
High
Interactive controls are not keyboard-accessible
ComponentRef UMW77D
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.jackerwin.com/products/carmine-dark-brown-suedeElement
div:nth-of-type(1) > div > div > div > div > label:nth-of-type(1)Accessible name7
Markup
<label onclick="selectSize('7 (Sold Out)', 7, true,0)" class="disable" for="7">7</label>How to fixAdd a tabindex attribute to the label element or replace it with a focusable element like a button, and ensure it can receive keyboard focus. Consider using a more semantic HTML structure, such as using a button element instead of a label with an onclick attribute.
ComponentRef J6SAWP
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.jackerwin.com/products/carmine-dark-brown-suedeElement
div:nth-of-type(1) > div > div > div > div > label:nth-of-type(3)Accessible name8
Markup
<label onclick="selectSize('8 ', 8,false,7)" for="8">8</label>How to fixAdd a tabindex attribute to the label element or replace it with a focusable element like a button, and ensure it can receive keyboard focus.
High
Elements must only use permitted ARIA attributes
ComponentRef HLEULO
Elements must only use permitted ARIA attributes
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
li[data-product-id="1993182216278"] > form[action="/cart/add"][method="post"] > .product__content > .product__price > .product__price--old[aria-label="Old Price"]Accessible nameOld Price
Markup
<span class="product__price--old" aria-label="Old Price" style=" "></span>
How to fixRemove the aria-label attribute from the span element or replace it with a valid attribute that provides an accessible name for the element, such as using the element's text content or providing a title attribute.
ComponentRef 9U1QZ6
Elements must only use permitted ARIA attributes
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
li[data-product-id="1993182216278"] > form[action="/cart/add"][method="post"] > .product__content > .product__price > .price[aria-label="Price"]Accessible namePrice
Markup
<span class="price" aria-label="Price">$188.00</span>
How to fixReview the use of ARIA attributes on this element and ensure that only permitted attributes are used. Consider removing the aria-label attribute if it is not necessary for the element's functionality.
High
Scrollable region must have keyboard access
ComponentRef IP9QSH
Scrollable region must have keyboard access
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
#Product-SliderAccessible name<img width="1820" height="2048" sizes="auto" src="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Profile.jpg?v=1762525822" srcset="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Profile_375x_crop_center.jpg?v=1762525822 375w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Profile_640x_crop_center.jpg?v=1762525822 640w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Profile_960x_crop_center.jpg?v=1762525822 960w" alt="Dark Brown Suede" fetchpriority="high" loading="lazy" />
<img width="1820" height="2048" sizes="auto" src="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_3_4.jpg?v=1756992016" srcset="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_3_4_375x_crop_center.jpg?v=1756992016 375w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_3_4_640x_crop_center.jpg?v=1756992016 640w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_3_4_960x_crop_center.jpg?v=1756992016 960w" alt="Dark Brown Suede" fetchpriority="auto" loading="lazy" />
<img width="1820" height="2048" sizes="auto" src="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Overhead.jpg?v=1756992017" srcset="//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Overhead_375x_crop_center.jpg?v=1756992017 375w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Overhead_640x_crop_center.jpg?v=1756992017 640w,//www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Overhead_960x_crop_center.jpg?v=1756992017 960w" alt="Dark Brown Suede" fetchpriority="auto" loading="lazy" />
<img width="1340" height="1508" sizes="auto" src="//www.jackerwin.com/cdn/shop/products/00_Outsoles_FW18_DRESS0695.jpg?v=1756992017" srcset="//www.jackerwin.com/cdn/shop/products/00_Outsoles_FW18_DRESS0695_375x_crop_center.jpg?v=1756992017 375w,//www.jackerwin.com/cdn/shop/products/00_Outsoles_FW18_DRESS0695_640x_crop_center.jpg?v=1756992017 640w,//www.jackerwin.com/cdn/shop/products/00_Outsoles_FW18_DRESS0695_960x_crop_center.jpg?v=1756992017 960w" alt="Dark Brown Suede" fetchpriority="auto" loading="lazy" />
<img width="1340" height="1508" sizes="auto" src="//www.jackerwin.com/cdn/shop/products/12_Carmine_Penny_Loafer_FW18_DRESS0701.jpg?v=1756992018" srcset="//www.jackerwin.com/cdn/shop/products/12_Carmine_Penny_Loafer_FW18_DRESS0701_375x_crop_center.jpg?v=1756992018 375w,//www.jackerwin.com/cdn/shop/products/12_Carmine_Penny_Loafer_FW18_DRESS0701_640x_crop_center.jpg?v=1756992018 640w,//www.jackerwin.com/cdn/shop/products/12_Carmine_Penny_Loafer_FW18_DRESS0701_960x_crop_center.jpg?v=1756992018 960w" alt="Dark Brown Suede" fetchpriority="auto" loading="lazy" />
Markup
<product-slider id="Product-Slider" class="product-images product-images--collage" data-captions="false">
How to fixEnsure the scrollable region is reachable and can be controlled using a keyboard by adding appropriate keyboard event handlers or using a library that provides keyboard navigation support.
Medium
Content sits outside any landmark region
ComponentRef GKIY91
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.jackerwin.com/Element
div#loop-manager > dialog > div > div:nth-of-type(2) > p:nth-of-type(1)Accessible nameBy paying now on your order, you'll avoid return/exchange fees and get coverage for lost, stolen, or damaged packages.
Markup
<p>By paying now on your order, you'll avoid return/exchange fees and get coverage for lost, stolen, or damaged packages.</p>
How to fixWrap the content in a landmark element (e.g., main, header, nav, footer, aside) to enable users to access it via landmark navigation.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartMedium
Navigation regions are not distinguishable
ComponentRef FH0GBY
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Affected page
https://www.jackerwin.com/Element
nav#mobile-menuAccessible nameSHOP ALL
SHOP ALL
LoafersPenny LoafersDriving LoafersLace-UpsSneakersCasual DressBootsAccessories
NEW ARRIVALSBEST SELLERS
Last Chance
Last Chance
Men's SaleWomen's Sale
Login
Roledialog
Markup
<nav id="mobile-menu" class="mobile-menu-drawer" role="dialog" tabindex="-1"> <div class="mobile-menu-drawer--inner"><ul class="mobile-menu"><li><details class="link-container"> <summary class="parent-link">SHOP ALL<span> <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 5H7.08889H13.1778M13.1778 5L9.17778 1M13.1778 5L9.17778 9" stroke="var(--color-accent)" stroke-width="1.1" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </span></summary> <ul class="sub-menu"> <li class="parent-link-back"> …
How to fixAdd a unique and descriptive 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide an accessible name.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartComponentRef KQAR8N
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Affected page
https://www.jackerwin.com/Element
div#shopify-section-sections--28410819576177__old-footer > footer > div > div:nth-of-type(1) > div > navAccessible nameStart a Return
Contact
Privacy
FAQ
Accessibility Statement
Instagram
Twitter
Facebook
Markup
<nav class="footer__nav"> <ul class="menu "> <li> <a href="https://jack-erwin.loopreturns.com/#/">Start a Return</a> </li> <li> <a href="/pages/contact-page">Contact</a> </li> <li> <a href="/pages/privacy-policy">Privacy</a> </li> <li> <a href="/pages/faq">FAQ</a> </li> <li> <a href="/pages/accessibility-statement">Accessibility Statement</a> </li> </ul> …
How to fixAdd an 'aria-label' or 'aria-labelledby' attribute to each navigation landmark to provide a unique and descriptive name. For example, '<nav aria-label='Main Navigation'>...</nav>' or '<nav aria-labelledby='nav-label'>...<span id='nav-label'>Main Navigation</span></nav>'
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartMedium
Text has insufficient colour contrast
ComponentRef BMKPM
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
#new_mc-embedded-subscribeMarkup
<input type="submit" value="Subscribe" name="subscribe" id="new_mc-embedded-subscribe" class="button">
How to fixIncrease the contrast between the text color and background color of the button to meet the minimum contrast ratio thresholds.
Affected pages
/ /collections/canal-products /products/carmine /products/gift-card /pages/ajax-cartComponentRef 2G9IST
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
label[for="7.5"]Accessible name7.5
Markup
<label onclick="selectSize('7.5 (Sold Out)', 7.5, true,0)" class="disable" for="7.5">7.5</label>How to fixIncrease the contrast between the text color and background color of the size selection labels to meet the minimum contrast ratio thresholds as defined by WCAG 2.1 SC 1.4.3.
ComponentRef 94IQNJ
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.oke-w-breakdownModule-distribution-count[aria-hidden="true"]:nth-child(3)Accessible name29
Markup
<div aria-hidden="true" class="oke-w-breakdownModule-distribution-count" style="grid-row: 1;"> 29 </div>
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.
ComponentRef YSKAO7
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.content-middle-left > .slideshow__slide-content > .description-size--medium.split-text > .line-child > div:nth-child(1)Accessible nameFresh
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">Fresh</div>
How to fixIncrease the contrast between the text and background colors by using a darker or lighter shade for either the text or the background, ensuring a minimum contrast ratio of 4.5:1 for normal text.
ComponentRef 6M101Q
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.line-child:nth-child(1) > div:nth-child(10)Accessible namemakes
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">makes</div>
How to fixIncrease the contrast between the text color and its background by adjusting the CSS styles for the element, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.
ComponentRef 0E2YLE
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.content-middle-left > .slideshow__slide-content > h1 > .line-child > div:nth-child(1)Accessible nameWherever
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">Wherever</div>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient lightness difference, or add a background image or overlay to enhance the contrast.
ComponentRef XRZ6JQ
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.slideshow__slide-inner.content-middle-center > .slideshow__slide-content > .description-size--medium.split-text > .line-child:nth-child(1) > div:nth-child(1)Accessible nameFrom
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">From</div>
How to fixIncrease the contrast between the text and background colors by using a color with sufficient lightness difference. A contrast ratio of at least 4.5:1 for normal text is recommended.
ComponentRef IDH2RI
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.h1-large > .line-child > div:nth-child(1)Accessible nameFIND
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">FIND</div>
How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, or add a background image or texture to improve readability.
ComponentRef KNWDBY
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.gallery__item:nth-child(1) > figure > .gallery__item-content.content-middle-center > div > .h2Accessible nameThe Color of Character
Markup
<h4 class="h2">The Color of Character</h4>
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.
ComponentRef NK6AJL
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.oke-w-breakdownModule-distribution-label[aria-hidden="true"]:nth-child(1) > .oke-w-breakdownModule-distribution-label-numberAccessible name5
Markup
<span class="oke-w-breakdownModule-distribution-label-number"> 5 </span>
How to fixIncrease the contrast between the text color and background color by using a color with sufficient difference in lightness and saturation, or provide an alternative way for users to access the information.
ComponentRef 4Q3E7M
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.description-size--medium.split-text > .line-child:nth-child(2) > div:nth-child(1)Accessible nameversatile
Markup
<div style="position: relative; display: inline-block; translate: none; rotate: none; scale: none; transform: translate(0px, 0px);">versatile</div>
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 color for the text or background.
ComponentRef XQ1JOZ
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.gallery__item:nth-child(1) > figure > .gallery__item-content.content-middle-center > div > pAccessible nameFive rich suede shades. One timeless silhouette.
Markup
<p>Five rich suede shades. One timeless silhouette.</p>
How to fixAdjust the background or text color to meet the minimum contrast ratio of 4.5:1 for normal text, as per WCAG 2.1 guidelines.
ComponentRef LSRZ7Z
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
a[title="Shop Now"] > spanAccessible nameShop Now
Markup
<span>Shop Now</span>
How to fixIncrease the contrast between the text color and background color of the 'Shop Now' button to meet the minimum contrast ratio requirements.
ComponentRef U9IDEI
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.breadcrumbsAccessible namebreadcrumbs
Markup
<nav class="breadcrumbs" aria-label="breadcrumbs"> <a href="/" title="Home">Home</a> <i>/</i> Carmine - Dark Brown Suede </nav>
How to fixIncrease the contrast between the text color and background color of the breadcrumbs to meet the minimum contrast ratio thresholds.
ComponentRef 39093S
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/gift-cardElement
#AddToCart > .single-add-to-cart-button--textAccessible nameAdd to cart
Markup
<span class="single-add-to-cart-button--text">Add to cart</span>
How to fixAdjust the color of the text or its background to ensure the contrast ratio meets the minimum requirements, which is 4.5:1 for normal text.
ComponentRef AOAUOV
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
.oke-w-reviews-list-item:nth-child(1) > .oke-w-review--featuredMedia.oke-w-review > .oke-w-review-main > .oke-w-review-content > .oke-reviewContainer > .oke-reviewContent.oke-reviewContent--left > .oke-reviewContent-top > .oke-reviewContent-date > spanAccessible name1 month ago
Markup
<span>1 month ago</span>
How to fixIncrease the contrast between the text color and the background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.
ComponentRef 82KBJ9
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/Element
.subheadingAccessible nameFRESH FOR THE SEASON
Markup
<p class="subheading" style="visibility: inherit; opacity: 1;">FRESH FOR THE SEASON</p>
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 45Z6MM
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
a[title="Home"]Accessible nameHome
Markup
<a href="/" title="Home">Home</a>
How to fixIncrease the contrast between the text color and background color of the 'Home' link by using a color with a higher contrast ratio, such as a darker or lighter shade.
ComponentRef RQCAYF
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
#oke-sortSelect--reviewsAccessible nameSort
Markup
<select id="oke-sortSelect--reviews" aria-label="Sort" class="oke-sortSelect-sort oke-select">
How to fixIncrease the contrast between the text color and background color of the 'Sort' select element to meet the minimum contrast ratio of 4.5:1 for normal text.
Low
Touch targets are too small
ComponentRef XW5YMY
Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
div[aria-label="Filter by 5 star reviews"]Accessible nameFilter by 5 star reviews
Rolebutton
Markup
<div tabindex="0" role="button" aria-label="Filter by 5 star reviews" class="oke-w-breakdownModule-distribution-highlight oke-is-clickable" style="grid-row: 1;"></div>
How to fixIncrease the size of the touch target for the 'Filter by 5 star reviews' button to at least 24x24 pixels, or ensure there is sufficient space around the button to meet the minimum target size requirement.
Low
Carousel has no accessible controls
ComponentRef UUOB90
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.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
div#list-images-slider > div:nth-of-type(1)Accessible nameDark Brown Suede
Markup
<div class="thumb_slider_item current"><img src="https://www.jackerwin.com/cdn/shop/products/CarmineBrownSuede_Profile_95x_crop_center.jpg?v=1762525822" alt="Dark Brown Suede" width="100%" height="100%"></div>
How to fixAdd accessible controls to the carousel, such as previous, next, and pause buttons, and ensure they are reachable via keyboard navigation.
ComponentRef JO5T41
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.
Affected page
https://www.jackerwin.com/products/carmine-dark-brown-suedeElement
div#MediaGallery-template--28410820264305__OLD-main-product > div:nth-of-type(2) > div:nth-of-type(2) > button:nth-of-type(1)Markup
<button type="button" class="slider-button slider-button--prev" name="previous" disabled="disabled"> <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 1L1 5L5 9" stroke="var(--color-body, #151515)" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button>
How to fixEnsure that the carousel includes accessible controls (e.g., previous/next buttons, pause/play functionality) that are operable via keyboard and clearly visible to all users, including those using assistive technologies.
05 · 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.