Critical
Links lack accessible text
WCAG 2.4.4 (A)17 instances5 inspected pages
Links expose no accessible name, so screen-reader users cannot determine their destination.
Why it mattersLinks expose no accessible name, so screen-reader users cannot determine their destination.
Recommended correctionThis link exposes no accessible text. Add visible text that identifies its destination, or remove the link if it serves no purpose. For an icon-only link, provide an aria-label describing where it goes. The link points to https://www.facebook.com/shelfcousa.
View 17 affected elements
Component · Ref GNG1KZ
Affected pagehttps://shelf-co.com/products/softbox
Element.social-media-footer.w-inline-block[rel="noopener noreferrer"]:nth-child(5)
Markup<a class="social-media-footer focus-inset w-inline-block border" href="https://www.instagram.com/shelfcousa/" rel="noopener noreferrer" target="_blank" tabindex="0">
Component · Ref O7CPNB
Affected pagehttps://shelf-co.com/pages/contact-us
Element.social-media-footer.w-inline-block[rel="noopener noreferrer"]:nth-child(5)
Markup<a class="social-media-footer focus-inset w-inline-block border" href="https://www.instagram.com/shelfcousa/" rel="noopener noreferrer" target="_blank" tabindex="0">
Component · Ref A5F83V
Affected pagehttps://shelf-co.com/cart
Element.social-media-footer.w-inline-block[rel="noopener noreferrer"]:nth-child(1)
Markup<a class="social-media-footer focus-inset w-inline-block border" href="https://www.facebook.com/shelfcousa" rel="noopener noreferrer" target="_blank" tabindex="0">
Component · Ref BXOR5B
Affected pagehttps://shelf-co.com/
Element.social-media-footer.w-inline-block[rel="noopener noreferrer"]:nth-child(3)
Markup<a class="social-media-footer focus-inset w-inline-block border" href="https://www.pinterest.com/shelfcousa/" rel="noopener noreferrer" target="_blank" tabindex="0">
Component · Ref 5DKEFJ
Affected pagehttps://shelf-co.com/products/leg-set
Element.social-media-footer.w-inline-block[rel="noopener noreferrer"]:nth-child(5)
Markup<a class="social-media-footer focus-inset w-inline-block border" href="https://www.instagram.com/shelfcousa/" rel="noopener noreferrer" target="_blank" tabindex="0">
Component · Ref OYLEE
Affected pagehttps://shelf-co.com/products/leg-set
Elementa[href$="#tab-reviews"]
Markup<a href="#tab-reviews">
Component · Ref 3KYIOG
Affected pagehttps://shelf-co.com/
Element.template--26435380052011__main_slider_cKKW7Nis-bg-0 > div > .laptop.desktop.tablet > .item > .container-fluid.section_hero-overlay-container.px-0 > .section_full_width_img.section_hero-image_bg.no-video-bg > .section_hero-image_wrapper > a
Markup<a href="/collections/pipe-modular-diy-system-in-trendy-industrial-design">
High
IDs used in ARIA and labels must be unique
WCAG 4.1.2 (A)5 instances5 inspected pages
IDs used in ARIA and labels must be unique
Why it mattersIDs used in ARIA and labels must be unique
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 5 affected elements
Component · Ref Y7NXXZ
Affected pagehttps://shelf-co.com/products/leg-set
Elementa[aria-label="Shelving Units"]
Accessible nameShelving Units
Markup<a id="dropdownMenuButton" class="megamenu-item dropdown-toggle header__menu-item list-menu__item px-0 mx-0" href="/pages/shelving-units" aria-label="Shelving Units" aria-haspopup="true" aria-expanded="false">
<span class="">
Shelving Units
</span>
</a> Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
High
Hidden elements can still receive keyboard focus
WCAG 2.4.3 (A)50 instances5 inspected pages
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Why it mattersAn element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
Recommended correctionKeep this element out of the tab order while its containing region is hidden — remove it from focus (for example tabindex="-1"), or apply the inert attribute to the hidden container where supported. Restore normal focusability when the region becomes visible.
View 50 affected elements
Component · Ref HYJMYX
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#mini-cart > div:nth-of-type(2) > div > div:nth-of-type(2) > div > span
Accessible nameTaxes and shipping calculated at checkout.
Markup<span class="tax-note rte" tabindex="0">Taxes and <a href="/policies/shipping-policy" class="focus-inset shipping-text"><u>shipping</u></a> calculated at checkout.
</span>
Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Component · Ref WVS6VN
Affected pagehttps://shelf-co.com/cart
Elementdiv:nth-of-type(2) > div > div:nth-of-type(2) > div > span > a
Accessible nameshipping
Markup<a href="/policies/shipping-policy" class="focus-inset shipping-text"><u>shipping</u></a>
Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Component · Ref 7JPYZ2
Affected pagehttps://shelf-co.com/products/leg-set
Elementdiv > div > ul:nth-of-type(6) > div > li > a
Accessible namePIPE Modular Storage
Markup<a href="/collections/pipe-modular-diy-system-in-trendy-industrial-design" class="font-weight-bold w-100 border-0 menu-item header__menu-item list-menu__item ">
PIPE Modular Storage
</a> Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Component · Ref GSNQ65
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#carouselContentTopRow > div:nth-of-type(1) > div > a
Accessible nameFREE Design Consultations
Markup<a href="/pages/interior-design-consultation">
<div class="d-flex flex-column bd-highlight mb-0">
<p class="">FREE Design Consultations</p>
</div>
</a> Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
High
Images lack text alternatives
WCAG 1.1.1 (A)10 instances5 inspected pages
Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Why it mattersInformative images have no alternative text, so their meaning is unavailable to people using assistive technology.
Recommended correctionAdd a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.
View 10 affected elements
Component · Ref BLHCF2
Affected pagehttps://shelf-co.com/products/leg-set
Element.shop-link > .header-logo[width="200"][height="267"]
Markup<img src="//shelf-co.com/cdn/s..." srcset="//shelf-co.com/cdn/s..." width="200" height="267" class="d-block img-fluid he...">
Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Component · Ref 44W21O
Affected pagehttps://shelf-co.com/pages/contact-us
Element.cta-item:nth-child(1) > .img-fluid[width="1000"][loading="lazy"]
Markup<img src="//shelf-co.com/cdn/s..." srcset="//shelf-co.com/cdn/s..." width="1000" loading="lazy" class="img-fluid">
Component · Ref 4TFH43
Affected pagehttps://shelf-co.com/
Element.template--26435380052011__main_slider_cKKW7Nis-bg-0 > div > .laptop.desktop.tablet > .item > .container-fluid.section_hero-overlay-container.px-0 > .section_full_width_img.section_hero-image_bg.no-video-bg > .section_hero-image_wrapper > a > .hide-no-js.section_hero-image[height="100vh"]
Markup<img src="//shelf-co.com/cdn/s..." srcset="//shelf-co.com/cdn/s..." height="100vh" loading="" sizes="100vw" class="section_hero-image h...">
High
Interactive controls are not keyboard-accessible
WCAG 2.1.1 (A)33 instances3 inspected pages
A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Why it mattersA control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.
Recommended correctionUse a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.
View 33 affected elements
Component · Ref ID1COA
Affected pagehttps://shelf-co.com/products/leg-set
Elementform#\[object\ HTMLInputElement\] > div:nth-of-type(1)
Markup<div class="tablinks-cus" onclick="openTab(event, 'tab-reviews')">
<a href="#tab-reviews">
<div id="shopify-block-AZlIzSG9TYjd4TWFha__yotpo_product_reviews_ugc_star_rating_qQWx4p" class="shopify-block shopify-app-block">
<div class="yotpo-widget-instance" data-yotpo-domain="shelf-co.myshopify.com" data-yotpo-product-id="4486674546731" data-yotpo-product-models="4486674546731" data-yotpo-name="BOON / MAXX Foot Set" data-yotpo-url="https://shelf-co.com/products/leg-set" data-yotpo-image-url="files/45368_BOON_-_MAXX_Feet_-_Black_1.jpg" data-yotpo-description="<p>This product can… Affected pages/products/leg-set /products/softbox
Component · Ref MY8ZBN
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1)
Accessible nameGrey
Roleoption
Markup<div class="ss-option color-grey ss-disabled ss-hide ss-option-selected" role="option" data-id="22947687">
Grey
</div> Affected pages/products/leg-set /products/softbox
Component · Ref 04DP4N
Affected pagehttps://shelf-co.com/products/leg-set
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2)
Accessible nameBlack
Roleoption
Markup<div class="ss-option color-black" role="option" data-id="40680607">
Black
</div> Affected pages/products/leg-set /products/softbox
Component · Ref CYHTF6
Affected pagehttps://shelf-co.com/
Elementul > li:nth-of-type(1) > div > div > div:nth-of-type(4) > div
Accessible nameNavigate to LITE Corner Shelf and JAM Clip
Rolelink
Markup<div class="review-product yotpo-vugc-dynamic-content" role="link" tabindex="-1" aria-label="Navigate to LITE Corner Shelf and JAM Clip" data-dynamic-tabindex="true">
<img alt="" class="review-product-image" src="https://cdn-yotpo-images-production.yotpo.com/Product/221653843/258315189/square.png?1709908992" loading="lazy">
<span class="review-product-name" title="LITE Corner Shelf and JAM Clip" style="font-family: Poppins; font-style: normal; font-weight: 300;">LITE Corner Shelf and JAM Clip</span>
</div>
Component · Ref XCZ0IH
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-1
Accessible nameFilter reviews by 5 stars
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 5 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-1" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref KUMLO0
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.53641624801407-yotpo-dropdown-option-0
Accessible nameHighest rating
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-selected="true" id="dropdown-yotpo-dropdown-0.53641624801407-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"> Highest rating</div><svg data-v-75d918e0="" data-v-7aac675c="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="yotpo-selected-icon--focused yotpo-selected-icon" data-testid="dropdown-selected-icon" aria-hid…
Component · Ref XCZ0HX
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-5
Accessible nameFilter reviews by 1 star
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 1 star" aria-selected="false" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-5" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns="…
Component · Ref XCZ0IN
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-3
Accessible nameFilter reviews by 3 stars
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 3 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-3" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref K39WBV
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(7)
Accessible nameNavy Blue
Roleoption
Markup<div class="ss-option color-navy-blue" role="option" data-id="57494688">
Navy Blue
</div> Component · Ref TG8QMP
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2)
Accessible nameWhite
Roleoption
Markup<div class="ss-option color-white" role="option" data-id="40466643">
White
</div> Component · Ref WYEDFX
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(3)
Accessible nameBrown
Roleoption
Markup<div class="ss-option color-brown" role="option" data-id="19154696">
Brown
</div> Component · Ref XCZ0IG
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-2
Accessible nameFilter reviews by 4 stars
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 4 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-2" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref KLOTBJ
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(6)
Accessible namePink
Roleoption
Markup<div class="ss-option color-pink" role="option" data-id="97290290">
Pink
</div> Component · Ref LFHAU4
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv > div > div > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(4)
Accessible nameGreen
Roleoption
Markup<div class="ss-option color-green" role="option" data-id="56020103">
Green
</div> Component · Ref XCZ0II
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-0
Accessible nameFilter reviews by all ratings
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by all ratings" aria-selected="true" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-7aac675c="" class="formated-value">All ratings</span></div><svg data-v-75d918e0="" data-v-7aac675c="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class=…
Component · Ref XCZ0HY
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#dropdown-yotpo-dropdown-0\.2536438090771509-yotpo-dropdown-option-4
Accessible nameFilter reviews by 2 stars
Roleoption
Markup<div data-v-7aac675c="" role="option" aria-label="Filter reviews by 2 stars" aria-selected="false" id="dropdown-yotpo-dropdown-0.2536438090771509-yotpo-dropdown-option-4" class="yotpo-dropdown-option" data-testid="dropdown-option"><div data-v-7aac675c="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-f702b75a="" class="yotpo-star-rating-filter yotpo-score" aria-hidden="true" data-testid="star-rating-filter"><span class="star-container"><svg class="yotpo-star-rating-icon yotpo-sr-star-full" width="13.35" height="13.35" viewBox="0 0 33 33" fill="none" xmlns=…
Component · Ref KOG767
Affected pagehttps://shelf-co.com/
Elementli:nth-of-type(14) > div > div > div:nth-of-type(3) > p > span
Accessible nameRead more
Rolebutton
Markup<span @keydown.enter="toggleDisplayShowMore(true)" role="button" tabindex="-1" class="yotpo-read-more-btn yotpo-read-more-btn-886225417" data-dynamic-tabindex="true" style="color: rgb(209, 71, 40); font-family: Poppins; font-style: normal; font-weight: 300;">
Read more
</span> High
Links must be distinguishable without relying on color
WCAG 1.4.1 (A)3 instances3 inspected pages
Links must be distinguishable without relying on color
Why it mattersLinks must be distinguishable without relying on color
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 3 affected elements
Component · Ref 7XGU6M
Affected pagehttps://shelf-co.com/products/leg-set
Element.cookiebarContent[href$="privacy-policy"]
Accessible namePrivacy and Cookie policy
Markup<a class="cookiebarContent" href="/policies/privacy-policy"><u>Privacy and Cookie policy</u></a>
Affected pages/ /products/leg-set /cart
High
ARIA hidden element must not be focusable or contain focusable elements
WCAG 4.1.2 (A)46 instances2 inspected pages
ARIA hidden element must not be focusable or contain focusable elements
Why it mattersARIA hidden element must not be focusable or contain focusable elements
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 46 affected elements
Component · Ref NER8DZ
Affected pagehttps://shelf-co.com/products/leg-set
Element#tns4-item9
Accessible nameMAXX Modern Shelving Unit Metal Frame Component
$24.99
3.5
Finish
.colors-preview .color-aluminium {
background-color: Aluminum_b15eaa18-ea0c-4156-b7f5-bbfb50ab37a3;
background-image: url("https://shelf-co.com/cdn/shop/files/Aluminum_b15eaa18-ea0c-4156-b7f5-bbfb50ab37a3_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Aluminum_b15eaa18-ea0c-4156-b7f5-bbfb50ab37a3_50x50_crop_center.jpg");
}
.colors-preview .color-anthracite {
background-color: LITE_Anthracite;
background-image: url("https://shelf-co.com/cdn/shop/files/LITE_Anthracite_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/LITE_Anthracite_50x50_crop_center.jpg");
}
.colors-preview .color-ash-raw {
background-color: ash_raw_215a01ac-4fe8-42cb-90bd-2667c96bc0ca;
background-image: url("https://shelf-co.com/cdn/shop/files/ash_raw_215a01ac-4fe8-42cb-90bd-2667c96bc0ca_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/ash_raw_215a01ac-4fe8-42cb-90bd-2667c96bc0ca_50x50_crop_center.jpg");
}
.colors-preview .color-ash-white {
background-color: DECO_Ash_White;
background-image: url("https://shelf-co.com/cdn/shop/files/DECO_Ash_White_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/DECO_Ash_White_50x50_crop_center.jpg");
}
.colors-preview .color-bamboo {
background-color: LITE_Bamboo;
background-image: url("https://shelf-co.com/cdn/shop/files/LITE_Bamboo_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/LITE_Bamboo_50x50_crop_center.jpg");
}
.colors-preview .color-bark-edge {
background-color: LITE_Bark_Edge;
background-image: url("https://shelf-co.com/cdn/shop/files/LITE_Bark_Edge_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/LITE_Bark_Edge_50x50_crop_center.jpg");
}
.colors-preview .color-beech {
background-color: Shelf_Board_Beech;
background-image: url("https://shelf-co.com/cdn/shop/files/Shelf_Board_Beech_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Shelf_Board_Beech_50x50_crop_center.jpg");
}
.colors-preview .color-beige {
background-color: BIG_BOY_Beige;
background-image: url("https://shelf-co.com/cdn/shop/files/BIG_BOY_Beige_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/BIG_BOY_Beige_50x50_crop_center.jpg");
}
.colors-preview .color-brown {
background-color: Brown_Box;
background-image: url("https://shelf-co.com/cdn/shop/files/Brown_Box_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Brown_Box_50x50_crop_center.jpg");
}
.colors-preview .color-black {
background-color: DECO_Black;
background-image: url("https://shelf-co.com/cdn/shop/files/DECO_Black_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/DECO_Black_50x50_crop_center.jpg");
}
.colors-preview .color-black-wood {
background-color: LIUM_Black_Wood;
background-image: url("https://shelf-co.com/cdn/shop/files/LIUM_Black_Wood_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/LIUM_Black_Wood_50x50_crop_center.jpg");
}
.colors-preview .color-blue {
background-color: YOMO_Blue;
background-image: url("https://shelf-co.com/cdn/shop/files/YOMO_Blue_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/YOMO_Blue_50x50_crop_center.jpg");
}
.colors-preview .color-navy-blue {
background-color: Navy_Blue_Box;
background-image: url("https://shelf-co.com/cdn/shop/files/Navy_Blue_Box_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Navy_Blue_Box_50x50_crop_center.jpg");
}
.colors-preview .color-bright-red {
background-color: BIG_BOY_Bright_Red;
background-image: url("https://shelf-co.com/cdn/shop/files/BIG_BOY_Bright_Red_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/BIG_BOY_Bright_Red_50x50_crop_center.jpg");
}
.colors-preview .color-brown-leather {
background-color: brown_leather;
background-image: url("https://shelf-co.com/cdn/shop/files/brown_leather_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/brown_leather_50x50_crop_center.jpg");
}
.colors-preview .color-brushed-oak {
background-color: Brushed_Oak_b81a5945-1117-4bda-8ad0-c37bdd990411;
background-image: url("https://shelf-co.com/cdn/shop/files/Brushed_Oak_b81a5945-1117-4bda-8ad0-c37bdd990411_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Brushed_Oak_b81a5945-1117-4bda-8ad0-c37bdd990411_50x50_crop_center.jpg");
}
.colors-preview .color-cast-iron {
background-color: Cast_Iron;
background-image: url("https://shelf-co.com/cdn/shop/files/Cast_Iron_50x50_crop_center.png"), url("https://shelf-co.com/cdn/shop/files/Cast_Iron_50x50_crop_center.jpg");
}
.colors-preview .color-c…[truncated by Evolize: exceeded D1 value limit]
Markup<div class="collection-toggle mb-5 col-md-4 col-lg-4 col-sm-12 col-xs-6 rec-products tns-item" tabindex="-1" id="tns4-item9" aria-hidden="true">
Affected pages/products/leg-set /products/softbox
Component · Ref 5OQFDB
Affected pagehttps://shelf-co.com/products/softbox
Element#tns2-item10
Accessible nameSoftBox Square
Markup<div class="single-product-image tns-item" data-media-id="28426950017067" id="tns2-item10" aria-hidden="true" tabindex="-1">
Affected pages/products/leg-set /products/softbox
Component · Ref K3WO2C
Affected pagehttps://shelf-co.com/products/leg-set
Element#slick-slide04 > div > .slick-slide[aria-hidden="true"]
Accessible nameTHOR Shelf Bracket
$6.89
Add to Cart
Markup<div class="slick-slide" style="width: 100%; display: inline-block;" aria-hidden="true">
Affected pages/products/leg-set /products/softbox
Medium
ARIA container is missing required child roles
WCAG 1.3.1 (A)15 instances5 inspected pages
An ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Why it mattersAn ARIA role that requires specific child roles does not contain them, breaking the widget semantics.
Recommended correctionProvide the child roles the container role requires (e.g. option inside listbox).
View 15 affected elements
Component · Ref XP2EDS
Affected pagehttps://shelf-co.com/products/softbox
Elementspan[data-target="#collapse2"]
Rolelist
Markup<span aria-controls="collapseOne" aria-expanded="false" class="collapsible" role="list" data-target="#collapse2" data-toggle="collapse">
</span> Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Medium
ARIA attributes have invalid values
WCAG 4.1.2 (A)15 instances5 inspected pages
ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Why it mattersARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.
Recommended correctionCorrect ARIA attribute values and ensure referenced ids exist in the DOM.
View 15 affected elements
Component · Ref FFTK1Q
Affected pagehttps://shelf-co.com/
Element.search-term
Accessible nameSearch our store
Rolecombobox
Markup<input id="Search" type="search" name="q" class="search-term form-con..." value="" role="combobox" aria-expanded="false" aria-owns="predictive-search-re..." aria-controls="predictive-search-re..." aria-haspopup="listbox" aria-autocomplete="list" aria-label="Search our store" tabindex="0" ...>
Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Component · Ref MFCGJU
Affected pagehttps://shelf-co.com/products/softbox
Elementol
Accessible nameHome
SoftBox Square
Markup<ol class="breadcrumb mb-0 pl-0 py-0" aria-labelledby="breadcrumblabel">
Affected pages/products/leg-set /pages/contact-us /products/softbox
Component · Ref 6XQPT8
Affected pagehttps://shelf-co.com/pages/contact-us
Element.mb-1 > .js-search-input[type="search"][name="q"]
Accessible nameSearch our store
Rolecombobox
Markup<input id="Search" type="search" name="q" class="form-control js-sear..." value="" role="combobox" aria-expanded="false" aria-owns="predictive-search-re..." aria-controls="predictive-search-re..." aria-haspopup="listbox" aria-autocomplete="list" aria-label="Search our store" tabindex="0" ...>
Affected pages/ /pages/contact-us /cart
Component · Ref MFCGJC
Affected pagehttps://shelf-co.com/products/softbox
Elementli[aria-current="product"]
Accessible nameSoftBox Square
Markup<li class="breadcrumb-item focus-inset" aria-current="product">
Affected pages/products/leg-set /products/softbox
Component · Ref I6CT4N
Affected pagehttps://shelf-co.com/products/softbox
Element.input-group.mb-1 > .js-search-input[name="q"][value=""]
Accessible nameSearch our store
Rolecombobox
Markup<input id="Search" type="search" name="q" class="form-control js-sear..." value="" role="combobox" aria-expanded="false" aria-owns="predictive-search-re..." aria-controls="predictive-search-re..." aria-haspopup="listbox" aria-autocomplete="list" aria-label="Search our store" tabindex="0" ...>
Affected pages/products/leg-set /products/softbox
Medium
Text has insufficient colour contrast
WCAG 1.4.3 (AA)35 instances5 inspected pages
Text and background colours do not meet the minimum contrast ratio, reducing legibility.
Why it mattersText and background colours do not meet the minimum contrast ratio, reducing legibility.
Recommended correctionIncrease the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.
View 35 affected elements
Component · Ref ZZ92EN
Affected pagehttps://shelf-co.com/pages/contact-us
Element.js-menu-toggle > .cart-link.text-link.total_count_vue > .cart-text-count.cart-text > .js-cart-item-count
Accessible name0
Markup<span class="js-cart-item-count">0</span>
Affected pages/ /products/leg-set /pages/contact-us /products/softbox
Component · Ref HJEUYL
Affected pagehttps://shelf-co.com/cart
Element.trust-badge-item:nth-child(2) > .trust-badge-content > .trust-badge-text > .trust-badge-heading
Accessible nameFast Shipping
Markup<h3 class="trust-badge-heading" style="color: #ffffff">
Fast Shipping
</h3> Component · Ref 5HGS7O
Affected pagehttps://shelf-co.com/cart
Element.trust-badge-item:nth-child(3) > .trust-badge-content > .trust-badge-text > .trust-badge-subheading
Accessible nameLive Professional Customer Support
Markup<p class="trust-badge-subheading" style="color: #ffffff">
Live Professional Customer Support
</p> Component · Ref RZL0LJ
Affected pagehttps://shelf-co.com/
Element.yotpo-reviews-carousel-seo-link-button
Accessible nameSee all reviews
Markup<a class="yotpo-reviews-carousel-seo-link-button" href="https://shelf-co.com/pages/customer-reviews" style="color: rgb(209, 71, 40); font-family: Poppins; font-style: normal; font-weight: 300; justify-content: center;">See all reviews</a>
Component · Ref SV5VGK
Affected pagehttps://shelf-co.com/products/leg-set
Element.placeholder
Accessible nameGrey
Markup<span class="color-grey placeholder">
Grey
</span> Affected pages/products/leg-set /products/softbox
Component · Ref 15HWME
Affected pagehttps://shelf-co.com/cart
Element.cookiebarContent[href$="privacy-policy"] > u
Accessible namePrivacy and Cookie policy
Markup<u>Privacy and Cookie policy</u>
Affected pages/products/leg-set /cart
Component · Ref TBGRC5
Affected pagehttps://shelf-co.com/products/softbox
Elementlegend
Accessible namePrice
Markup<legend class="text-uppercase">Price</legend>
Affected pages/products/leg-set /products/softbox
Component · Ref DLTV0M
Affected pagehttps://shelf-co.com/products/softbox
Element#product-sku
Accessible name45139
Markup<span class="sku variant-sku" id="product-sku" itemprop="sku">45139</span>
Affected pages/products/leg-set /products/softbox
Component · Ref 46XDUS
Affected pagehttps://shelf-co.com/products/softbox
Element.sku_wrapper
Accessible nameItem: 45139
Markup<span class="sku_wrapper">Item: <span class="sku variant-sku" id="product-sku" itemprop="sku">45139</span></span>
Affected pages/products/leg-set /products/softbox
Component · Ref BTXFWU
Affected pagehttps://shelf-co.com/products/leg-set
Element.simple-trust-badge-item:nth-child(1) > .simple-badge-text > .simple-badge-heading
Accessible name30 Day Money Back Guarantee
Markup<h3 class="simple-badge-heading">30 Day Money Back Guarantee</h3>
Affected pages/products/leg-set /products/softbox
Component · Ref 176EN1
Affected pagehttps://shelf-co.com/cart
Element.risk-dismiss > .cookiebarContent
Accessible nameShelf & Co. uses cookies to help personalise your shopping experience.Privacy and Cookie policy
Markup<p class="cookiebarContent">Shelf & Co. uses cookies to help personalise your shopping experience.<a class="cookiebarContent" href="/policies/privacy-policy"><u>Privacy and Cookie policy</u></a></p>
Affected pages/products/leg-set /cart
Component · Ref F9QWBW
Affected pagehttps://shelf-co.com/products/softbox
Element.js-price-offer
Accessible name$14.99
Markup<span class="h5 js-price js-price-offer d-inline-flex mb-0" data-default-price="$14.99" data-offer-price="$14.99">
$14.99</span> Affected pages/products/leg-set /products/softbox
Component · Ref OBL4LW
Affected pagehttps://shelf-co.com/products/softbox
Element.mb-1.option-name.d-block
Accessible nameFinish
Markup<span class="option-name d-block mb-1">Finish</span>
Affected pages/products/leg-set /products/softbox
Component · Ref F3C0BH
Affected pagehttps://shelf-co.com/cart
Elementa[aria-label="view cart page"] > .cart-link.text-link.total_count_vue > .cart-text-count.cart-text > .js-cart-item-count
Accessible name0
Markup<span class="js-cart-item-count">0</span>
Component · Ref 9VMZT3
Affected pagehttps://shelf-co.com/pages/contact-us
Element.section_heading-title
Accessible nameConnect with Shelf & Co!
Markup<h2 class="section_heading-title wow fadeIn rte" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeIn;">
Connect with Shelf & Co!
</h2> Component · Ref C5XZZZ
Affected pagehttps://shelf-co.com/products/softbox
Elementh1
Accessible nameSoftBox Square
Markup<h1 class="py-2 mb-0 product-title-pdp">
SoftBox Square
</h1> Component · Ref TC2AH
Affected pagehttps://shelf-co.com/products/softbox
Element#share-btn > span
Accessible nameShare
Markup<span class="">Share</span>
Component · Ref LEV20H
Affected pagehttps://shelf-co.com/products/leg-set
Element#cookieBoxok
Accessible nameaccept cookies
Markup<button id="cookieBoxok" class="btn btn-light cookieok w-100" data-cookie="risk" aria-label="accept cookies">Accept</button>
Component · Ref 3QB40P
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv[data-yotpo-domain="shelf-co.myshopify.com"] > .yotpo-reviews-star-ratings-widget.yotpo-star-ratings-widget-override-css.yotpo-device-desktop > .yotpo-bottom-line-scroll-panel.yotpo-widget-clear > .yotpo-sr-bottom-line-summary.yotpo-sr-bottom-line-button[type="button"] > span > .yotpo-sr-bottom-line-left-panel.yotpo-sr-bottom-line-score
Accessible name5
Markup<span class="yotpo-sr-bottom-line-left-panel yotpo-sr-bottom-line-score" style="display: flex; align-self: center; color: rgb(209, 71, 40); font-family: Poppins; font-style: normal; font-weight: 300; font-size: 16px; margin-inline: 0px 10px; margin-bottom: 1px; padding-top: 2px;">
Medium
Content sits outside any landmark region
WCAG 1.3.1 (A)5 instances5 inspected pages
Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Why it mattersMeaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.
Recommended correctionWrap primary content in <main> and other regions in appropriate landmark elements.
View 5 affected elements
Component · Ref JR8DZO
Affected pagehttps://shelf-co.com/pages/contact-us
Elementdiv#carouselContentTopRow > div:nth-of-type(1) > div > a > div > p
Accessible nameFREE Design Consultations
Markup<p class="">FREE Design Consultations</p>
Affected pages/ /products/leg-set /pages/contact-us /products/softbox /cart
Medium
Navigation regions are not distinguishable
WCAG 1.3.1 (A)3 instances3 inspected pages
The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Why it mattersThe page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.
Recommended correctionGive each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.
View 3 affected elements
Component · Ref YXU9TR
Affected pagehttps://shelf-co.com/products/leg-set
Elementnav#navbar
Accessible nameShelving Units
BOON Cube Storage
CLOS-IT Modular Wardrobes
LIUM Decorative Shelving
MAXX Modern Shelving
YOMO Modular Bookshelves
PIPE Modular Storage
Floating Shelves
Floating Shelves
Corner Shelves
Decorative Shelves
Boards & Supports
Wood Boards
Glass Boards
Corner Boards
Shelf Brackets
Shelf Clips
Wood Kits
Glass Kits
SALE
Markup<nav id="navbar" class="menu navbar navbar-expand-lg megamenu-bg container mx-auto px-0 megamenu-wide">
<ul class="navbar-nav gap-3 mr-auto main-menu" role="list">
<!-- megamenu -->
<li class="nav-item dropdown has-megamenu rounded-0 " aria-haspopup="true">
<a id="dropdownMenuButton" class="megamenu-item dropdown-toggle header__menu-item list-menu__item px-0 mx-0" href="/pages/shelving-units" aria-label="Shelving Units" aria-haspopup="true" ari… Affected pages/products/leg-set /pages/contact-us /products/softbox
Medium
Elements must only use permitted ARIA attributes
WCAG 4.1.2 (A)9 instances2 inspected pages
Elements must only use permitted ARIA attributes
Why it mattersElements must only use permitted ARIA attributes
Recommended correctionReview the affected element and correct the reported accessibility issue.
View 9 affected elements
Component · Ref IRGQHL
Affected pagehttps://shelf-co.com/products/leg-set
Element.controls-comp
Accessible nameCarousel Navigation
Markup<div class="controls-comp recommendations-slider-controls" aria-label="Carousel Navigation" tabindex="0">
Affected pages/products/leg-set /products/softbox
Component · Ref 1QZZZX
Affected pagehttps://shelf-co.com/products/leg-set
Element#tns1
Accessible nameCarousel Pagination
Markup<div class="product-thumbnails row mt-0 tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" id="tns1" style="transition-duration: 0s; transform: translate3d(0%, 0px, 0px);" aria-label="Carousel Pagination">
Affected pages/products/leg-set /products/softbox
Component · Ref I6I72K
Affected pagehttps://shelf-co.com/products/leg-set
Element#controls
Accessible nameCarousel Navigation
Markup<div id="controls" class="product-medaia-slider-controls" aria-label="Carousel Navigation" tabindex="0">
Affected pages/products/leg-set /products/softbox
Component · Ref L9Y6J7
Affected pagehttps://shelf-co.com/products/leg-set
Element.controls-rel
Accessible nameCarousel Navigation
Markup<div class="controls-rel recommendations-slider-controls" aria-label="Carousel Navigation" tabindex="0">
Affected pages/products/leg-set /products/softbox
Component · Ref I361Q3
Affected pagehttps://shelf-co.com/products/softbox
Element#controls-thumbnails
Accessible nameCarousel Navigation
Markup<div id="controls-thumbnails" aria-label="Carousel Navigation" tabindex="0">
Medium
Form fields use placeholder text as the only label
WCAG 1.3.1 (A)1 instance1 inspected page
Fields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Why it mattersFields rely on placeholder text instead of a real label. The placeholder disappears once the user types, and it is not exposed as a programmatic label.
Recommended correctionAdd a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.
View 1 affected element
Component · Ref IECD5V
Affected pagehttps://shelf-co.com/pages/contact-us
Elementtextarea#ContactFormMessage
Markup<textarea name="contact[body]" id="ContactFormMessage" class="form-control border text-area" rows="10" placeholder="Message" aria-required="true"></textarea>
Low
Low-quality alternative text
WCAG 1.1.1 (A)64 instances3 inspected pages
Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Why it mattersAlt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.
Recommended correctionReplace placeholder or filename alt text with a concise description of what the image conveys.
View 64 affected elements
Component · Ref Z828XZ
Affected pagehttps://shelf-co.com/products/softbox
Elementimg#image-33346534441003-
Markup<img loading="lazy" id="image-33346534441003-" class="img-fluid lazyload bg-white position-relative aspect-ratio__unset" src="//shelf-co.com/cdn/shop/files/BOON_M_Overview_eacc54ce-97fb-4ddf-a523-a523f311778f_1000x.jpg?v=1725034866" srcset="//shelf-co.com/cdn/shop/files/BOON_M_Overview_eacc54ce-97fb-4ddf-a523-a523f311778f_650x.jpg?v=1725034866 650w,
//shelf-co.com/cdn/shop/files/BOON_M_Overview_eacc54ce-97fb-4ddf-a523-a523f311778f_950x.jpg?v=1725034866 950w,
//shelf-co.com/cdn/shop/files/BOON_M_Overview_eacc54ce-97fb-4ddf-a523-a523f311778f_1080x.jpg?v=1725034866 1… Affected pages/ /products/leg-set /products/softbox
Low
Page has no level-one heading
WCAG 1.3.1 (A)2 instances2 inspected pages
The page exposes no <h1>, so its topic is not conveyed in the heading structure.
Why it mattersThe page exposes no <h1>, so its topic is not conveyed in the heading structure.
Recommended correctionAdd a single descriptive <h1> that names the page's primary purpose.
View 2 affected elements
Component · Ref RO71KJ
Affected pagehttps://shelf-co.com/pages/contact-us
Elementbody#page\.contact
Accessible name<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWMFJSW"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
<div class="enable-javascript-code">
<span>For full functionality of this site it is necessary to enable JavaScript. <a class="underlined-link" href="https://www.enable-javascript.com/" target="_blank"><u>Click here</u></a> for the instructions on how to enable JavaScript in your web browser.</span>
</div>
Skip to content
document.addEventListener("DOMContentLoaded", function() {
if(document.querySelector('.PageTransition') != null) {
var ldldTransition = new ldLoader({ root: ".PageTransition" });
ldldTransition.on();
}
});
My Cart
0
My Cart
Your cart is currently empty.
View Cart
Taxes and shipping calculated at checkout.
30-Days Money-Back Guarantee
Order Processed the Next Day
Live Professional Customer Support
.cart-simple-trust-badges {
width: 100%;
margin: 20px 0;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 20px 0;
}
.cart-simple-trust-badges-wrapper {
display: flex;
justify-content: space-around;
align-items: center;
gap: 20px;
max-width: 1200px;
margin: 0 auto;
flex-wrap: wrap;
}
.cart-simple-trust-badge-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
flex: 1;
min-width: 120px;
}
.cart-simple-badge-icon {
margin-bottom: 10px;
color: #333;
}
.cart-simple-badge-heading {
font-size: 11px;
font-weight: 400;
margin: 0 0 5px 0;
color: #333;
}
.cart-simple-badge-subheading {
font-size: 14px;
font-weight: 400;
margin: 0;
color: #777;
}
@media (max-width: 768px) {
.cart-simple-trust-badges-wrapper {
flex-direction: row;
justify-content: center;
}
.cart-simple-trust-badge-item {
width: 33%;
padding: 0 10px;
}
.cart-simple-badge-heading {
font-size: 14px;
}
.cart-simple-badge-subheading {
font-size: 12px;
}
}
@media (max-width: 480px) {
.cart-simple-trust-badges-wrapper {
flex-direction: column;
gap: 15px;
}
.simple-trust-badge-item {
width: 100%;
}
}
FREE Design Consultations
FREE Design Consultations
.tpro-wrapper {
background-color: #d44628;
}
.tpro-second .background p {
color: #ffffff;
} #shopify-section-sections--26435373662251__announcement-section .tpro-wrapper {background-color: #2a3640;} #shopify-section-sections--26435373662251__announcement-section .tpro-second .background p {color: #ffffff;}
Search for products
0
<li class="mobile-nav-item mobile-nav-cart list-inline-item mini-cart js-cart-bag mr-0 px-2">
<a href="/cart" class="mobile-nav-item js-cart-link icon-btn bg-white" aria-label="bag items">
<svg width="24px" height="24px" fill="#2a3640" viewBox="0 0 24 24">
<path d="M16 7a1 1 0 0 1-1-1V3H9v3a1 1 0 0 1-2 0V3a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3a1 1 0 0 1-1 1z"></path>
<path d="M20 5H4a2 2 0 0 0-2 2v13a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a2 2 0 0 0-2-2zm0 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7h16z"></path>
<div class="cart-link text-link total_count_vue">
<span class="js-cart-item-count cart-text cart-text-count"><span class="js-cart-item-count">0</span></span>
</div>
</a>
</li>
.menu-color {
background-color: var(--color-body-bg);
}
<style>
.no-Js {
display: none;
}
.noscript-cart {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 5px 0 0;
margin-right: 0;
cursor: pointer;
position: relative;
}
</style>
Shelving Units
BOON Cube Storage
CLOS-IT Modular Wardrobes
LIUM Decorative Shelving
MAXX Modern Shelving
YOMO Modular Bookshelves
…[truncated by Evolize: exceeded D1 value limit]
Markup<body id="page.contact" class="erickson-theme page-content">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWMFJSW"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<noscript>
<div class="enable-javascript-code">
<span>For full functionality of this site it is necessary to enable JavaScript. <a class="underlined-link" href="https://www.enable-javascript.com/" target="_blank"><u>Click here</u></a> for the instructions on how to enable J… Affected pages/pages/contact-us /cart
Low
Positive tabindex disrupts focus order
WCAG 2.4.3 (A)8 instances2 inspected pages
Elements use tabindex greater than zero, overriding the natural DOM focus order in confusing ways.
Why it mattersElements use tabindex greater than zero, overriding the natural DOM focus order in confusing ways.
Recommended correctionRemove positive tabindex values; rely on DOM order and tabindex=0 / -1 only.
View 8 affected elements
Component · Ref WRSSPB
Affected pagehttps://shelf-co.com/products/softbox
Elementdiv#tns2
Accessible nameGrey
Markup<div class="slides js-slides mb-0 align-items-center justify-content-center no-Js h-100 tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" tabindex="1" id="tns2" style="transition-duration: 0s; transform: translate3d(0%, 0px, 0px);">
<!-- apply lazy loading to all images except the first -->
<!-- /apply lazy loading to all images except the first -->
<div class="single-product-image tns-item tns-slide-active" data-media-id="23027194003499" data-product-… Affected pages/products/leg-set /products/softbox
Component · Ref WU66C0
Affected pagehttps://shelf-co.com/products/softbox
Elementa#tns1-item0
Accessible nameCarousel Page 1 (Current Slide)
Markup<a href="#" class="thumb-slide focus-inset tns-item tns-slide-active tns-nav-active" id="tns1-item0" data-nav="0" aria-label="Carousel Page 1 (Current Slide)" aria-controls="tns2" tabindex="1">
<div class="thumb-slide-inner">
<div id="image-wrapper-23027194003499-" data-image-id="23027194003499" class="img-wrapper-class position-relative">
<img loading="" id="image-23027194003499-" class="img-fluid aspect-ratio__square position-relative aspect-ratio__unset ls-is-cached lazyloaded" src="//shelf-co.com/cdn/shop/products/45139_SoftBox_Sq._-_Grey_1000… Affected pages/products/leg-set /products/softbox
Low
Video may be missing captions
WCAG 1.2.2 (A)2 instances1 inspected page
A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Why it mattersA video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.
Recommended correctionProvide a synchronized captions track (<track kind="captions">) for video with meaningful audio.
View 2 affected elements
Component · Ref WHKUT3
Affected pagehttps://shelf-co.com/
Elementvideo#inline-video-17850149409268766-insta-feed
Markup<video muted="" loop="" playsinline="" style="border-radius:0px;" class="auto-loop-videos" data-feed-id="0" id="inline-video-17850149409268766-insta-feed" preload="none" data-poster="https://scontent.cdninstagram.com/v/t51.71878-15/506298461_1726592524615908_3849867597765807567_n.jpg?stp=dst-jpg_e35_tt6&_nc_cat=100&ccb=7-5&_nc_sid=18de74&efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&_nc_ohc=nkYNZGBcEucQ7kNvwEjMVPv&_nc_oc=AdotmrvJCPfqrjj3uc0xx040NO7K7jqugiZXf_fvPHr2coLjSf8vYmcsY2BU4S6Gu7I&_nc_zt=23&_nc_ht=scontent.cdninstagram.com&edm=ANo9K…