Accessibility Report for steelecanvas.com

Criterion	Name	Level	Findings	Pages	Reach
1.4.3	Contrast (Minimum)	AA	68	5	5 / 5
2.4.3	Focus Order	A	17	5	5 / 5
4.1.2	Name, Role, Value	A	12	5	5 / 5
2.1.1	Keyboard	A	10	5	5 / 5
1.3.1	Info and Relationships	A	8	5	5 / 5
2.4.4	Link Purpose (In Context)	A	7	5	5 / 5
1.1.1	Non-text Content	A	5	5	5 / 5
1.2.2	Captions (Prerecorded)	A	2	1	1 / 5
2.5.8	Target Size (Minimum)	AA	1	5	5 / 5
3.3.2	Labels or Instructions	A	1	5	5 / 5

Critical

Links lack accessible text

WCAG 2.4.4 (A)12 instances5 inspected pages

Links expose no accessible name, so screen-reader users cannot determine their destination.

Why it matters

Links expose no accessible name, so screen-reader users cannot determine their destination.

Recommended correction

This link's only content is an image with no text alternative. Provide meaningful alternative text on the linked image (its alt attribute) that identifies the link's destination or purpose. The link points to https://www.steelecanvas.com/collections/caddies.

View 12 affected elements

Component · Ref EXPYHG

Affected pagehttps://www.steelecanvas.com/

Elementswiper-slide[aria-label="6 / 7"] > .Collections-call-out-item > .Collections-call-out-item--image

Markup

<a href="/collections/travel-bags-accessories" class="Collections-call-out-item--image">
              <img class="image" src="//www.steelecanvas.com/cdn/shop/files/weekender_for_hp_1024x1024.png?v=1728585374" width="auto" height="auto">
            </a>

Component · Ref QKFV31

Affected pagehttps://www.steelecanvas.com/

Element.Collections-call-out-item--image[href$="wood-lids"]

Markup

<a href="/collections/wood-lids" class="Collections-call-out-item--image">
              <img class="image" src="//www.steelecanvas.com/cdn/shop/files/Website_Pictures_1024x1024.png?v=1732293185" width="auto" height="auto">
            </a>

Component · Ref 1RH3YC

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref LOGXF8

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref UYAU3T

Affected pagehttps://www.steelecanvas.com/

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref 9DD581

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Component · Ref BFWI89

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element.header__heading-link

Markup

<a href="/" class="header__heading-link link link--text focus-inset">

Critical

Buttons have no accessible name

WCAG 4.1.2 (A)1 instance1 inspected page

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Why it matters

Interactive buttons expose no accessible name, so their purpose cannot be determined by assistive technology.

Recommended correction

Give it an accessible name that describes the action it performs: provide visible text when a visible label is appropriate, an aria-label for an icon-only control (for example aria-label="Dismiss notification"), or aria-labelledby when an existing visible label already describes it. Avoid vague names such as "Button", "Action", or the component's internal name.

View 1 affected element

Component · Ref L3JVX4

Affected pagehttps://www.steelecanvas.com/

Element

.custom-section-video-wrap.desktop[data-video-section=""] > .custom-section-banner-video-controls > .data-video-section-controls-pause[data-video-section-pause=""]

Markup

<button class="data-video-section-controls-pause" data-video-section-pause="">

Critical

Form fields are missing labels

WCAG 1.3.1 (A)1 instance1 inspected page

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Why it matters

Form inputs have no programmatically associated label, so assistive technology cannot announce what to enter.

Recommended correction

Associate a <label> with each field via for/id, or use aria-label / aria-labelledby. Placeholder text is not a label.

View 1 affected element

Component · Ref AIQOZV

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#Quantity-template--23075624714555__main

Markup

<input class="quantity__input" type="number" name="quantity" id="Quantity-template--23075624714555__main" data-cart-quantity="0" data-min="1" min="1" step="1" value="1" form="product-form-template--23075624714555__main">

High

ARIA hidden element must not be focusable or contain focusable elements

WCAG 4.1.2 (A)10 instances5 inspected pages

ARIA hidden element must not be focusable or contain focusable elements

Why it matters

ARIA hidden element must not be focusable or contain focusable elements

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 10 affected elements

Component · Ref 2ARY5M

Affected pagehttps://www.steelecanvas.com/

Element#rebuy-cart

Accessible nameCart

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">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref COXNLT

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.modal__toggle-open

Markup

<button class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)208 instances5 inspected pages

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Why it matters

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Recommended correction

Increase the contrast ratio to at least 4.5:1 for normal text and 3:1 for large text.

View 208 affected elements

Component · Ref DQYSJ0

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Elementa[title=""]

Accessible nameSteele Canvas Basket Corp

Markup

<a href="/" title="">Steele Canvas Basket Corp</a>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 1SN85C

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element.copyright__content

Markup

<small class="P-14 copyright__content">© 2026 <a href="/" title="">Steele Canvas Basket Corp</a>.
          </small>

Affected pages/ /collections/1-bu-baskets /products/dog-toy-basket

Component · Ref XH044P

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Element#NewsletterForm--sections--23075624091963__footer

Markup

<input id="NewsletterForm--sections--23075624091963__footer" type="email" name="contact[email]" class="P-16 field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required="">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 4831GI

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#Subscribe

Accessible nameSubscribe

Markup

<button type="submit" class="Button-A newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe">
                                  Subscribe
                                </button>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 5W5I9F

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementli:nth-child(5) > .list-menu__item--link.footer-list-menu-link.Button-B

Accessible nameWholesale

Markup

<a href="https://www.steelecanvas.com/pages/shop-wholesale-on-faire" class="Button-B list-menu__item--link footer-list-menu-link">
                              Wholesale
                            </a>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref W0LEKX

Affected pagehttps://www.steelecanvas.com/

Element.footer-block.grid__item.scroll-trigger--offscreen:nth-child(4) > .inline-richtext.footer-block__heading.Eyebrow-B

Accessible nameNewsletter

Markup

<h2 class="inline-richtext Eyebrow-B footer-block__heading">Newsletter</h2>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 6TE1WL

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Elementa[href$="privacy-policy"]

Accessible namePrivacy Policy

Markup

<a href="/pages/privacy-policy" class="Button-B list-menu__item--link footer-list-menu-link">
                              Privacy Policy
                            </a>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref VC3KQW

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Element.list-menu__item--link.footer-list-menu-link[href$="contact"]

Accessible nameContact Us

Markup

<a href="/pages/contact" class="Button-B list-menu__item--link footer-list-menu-link">
                              Contact Us
                            </a>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 35ZNRP

Affected pagehttps://www.steelecanvas.com/

Element.footer-newsletter-header > p

Accessible nameSign up for the latest news, offers and styles

Markup

<p>Sign up for the latest news, offers and styles</p>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref F4EI6N

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Elementsmall

Markup

<small class="P-14 copyright__content">© 2026 <a href="/" title="">Steele Canvas Basket Corp</a>.
          </small>

Affected pages/blogs/news/14375635-bread-basket /pages/college-moving-carts

Component · Ref DI86ZS

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.field__label

Accessible nameEmail

Markup

<label class="P-16 field__label" for="NewsletterForm--sections--23075624091963__footer">
                                  Email
                                </label>

Affected pages/ /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref CIGLJV

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element

.footer-block--menu.footer-block.grid__item:nth-child(1) > .footer-block__details-content.list-unstyled > li:nth-child(3) > .list-menu__item--link.footer-list-menu-link.Button-B

Accessible nameFAQ

Markup

<a href="https://www.steelecanvas.com/pages/faq" class="Button-B list-menu__item--link footer-list-menu-link">
                              FAQ
                            </a>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts

Component · Ref HNB6A6

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Elementcsm-cookie-consent,#isense-cc-cookie-bar-text

Markup

<span id="isense-cc-cookie-bar-text" tabindex="-1" data-csm-description="true" class="a48BBEL2Cpzl0dxNZ7ji">

Affected pages/ /collections/1-bu-baskets /pages/college-moving-carts

Component · Ref VWTJRF

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#yotpo-tabs-main-widget-tab-0

Accessible nameReviews

Roletab

Markup

<button class="ugc-storefront-widgets-tabs-container__tab selected" tabindex="0" aria-selected="true" aria-controls="yotpo-tabs-main-widget-tab-panel-0" role="tab" type="button" id="yotpo-tabs-main-widget-tab-0">Reviews</button>

Component · Ref M50ISL

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element.yotpo-bottom-line-basic-text

Accessible nameBased on 7 reviews

Markup

<div class="yotpo-bottom-line-basic-text">Based on 7 reviews</div>

Component · Ref 1N2QD5

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.article-template__link

Accessible nameBack to blog

Markup

<a href="/blogs/news" class="article-template__link link animate-arrow">

Component · Ref W1NSIX

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Element.section-template--23587434791227__multicolumn_7xXYyQ-padding > .mt32.center > .flex-center.primary-cta

Accessible nameGET A QUOTE

Markup

<a class="primary-cta flex-center" href="https://www.steelecanvas.com/pages/college-moving-cart-quote-request">
          GET A QUOTE
        </a>

Component · Ref FOKB6I

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#yotpo-headline-reviews

Accessible nameCustomer Reviews

Markup

<p id="yotpo-headline-reviews" class="yotpo-headline">Customer Reviews</p>

Component · Ref GFIQMW

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#searchInput

Rolesearchbox

Markup

<input id="searchInput" type="text" role="searchbox" class="yotpo-search-input" placeholder="Search reviews">

Component · Ref RU9RB1

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element#yotpo-dropdown-0\.5502857818838591

Accessible nameRating

Markup

<div data-v-41f789da="" class="yotpo-dropdown-label yotpo-dropdown-label--inside" id="yotpo-dropdown-0.5502857818838591" data-testid="dropdown-label">Rating</div>

Component · Ref WPPPAL

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Element.h1

Accessible nameCustomize Your carts

Markup

<h2 class="title inline-richtext h1 Eyebrow-A">
          Customize Your carts
        </h2>

Component · Ref XX2LTA

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element#ProductCountDesktop

Accessible name1 items

Markup

<span class="Button-C" id="ProductCountDesktop">1 items</span>

Component · Ref OITJDK

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element.yotpo-selected-value[data-v-4ddc64eb=""]

Accessible nameWith media

Markup

<div data-v-4ddc64eb="" class="yotpo-selected-value">With media</div>

Component · Ref I26MMP

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element

.yotpo-review-card[data-v-7120a95a=""]:nth-child(6) > .card-container[data-v-7120a95a=""][role="group"] > .content-container-with-votes[data-v-753a42e6=""] > .yotpo-reviewer[data-v-cd260612=""][data-v-753a42e6=""] > .yotpo-reviewer-badge-container[data-v-cd260612=""] > div[data-v-4c2f4803=""][data-v-cd260612=""] > .yotpo-reviewer-verified-buyer-text.unselectable[data-v-4c2f4803=""]

Accessible nameVerified Buyer

Markup

<span data-v-4c2f4803="" class="yotpo-reviewer-verified-buyer-text unselectable" style="margin-inline-start: 5px;">Verified Buyer</span>

Component · Ref RL9CTB

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdiv[aria-label="3 star by 0 reviews"] > .yotpo-star-distribution-value[aria-hidden="true"]

Accessible name0

Markup

<div class="yotpo-star-distribution-value" aria-hidden="true">0</div>

Showing 25 representative examples · 43 more affected elements not shown

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 matters

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Recommended correction

Keep 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 OONG9N

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Elementdiv#yotpo-drawer-layout > div:nth-of-type(1)

Accessible nameClose button

Rolebutton

Markup

<div role="button" tabindex="0" aria-label="Close button" class="yotpo-close-icon"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false" style="color: black;"><rect x="0.000976562" y="0.949219" width="1.34339" height="25.5244" transform="rotate(-45 0.000976562 0.949219)" fill="currentColor"></rect><rect x="18.0498" width="1.34339" height="25.5244" transform="rotate(45 18.0498 0)" fill="currentColor"></rect></svg></div>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref WL7QPA

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdiv#yotpo-drawer-layout > div:nth-of-type(2) > div > div:nth-of-type(2)

Accessible nameJoin now Earn 30 points

Rolebutton

Markup

<div role="button" tabindex="0" class="yotpo-drawer-sign-up-item"><div class="yotpo-drawer-sign-up-titles"><div class="yotpo-drawer-sign-up-title-text" style="color: black; font-size: 16px; font-weight: 700; font-style: normal;">
  Join now
</div><div class="yotpo-drawer-sign-up-subtitle-text" style="color: black; font-size: 14px; font-weight: 400; font-style: normal;">
  Earn 30 points
</div></div><div class="yotpo-drawer-sign-up-icon"><svg width="26" height="14" viewBox="0 0 26 14" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-hidden="true" focusable="false" class="yotpo-arr…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref DNIWEE

Affected pagehttps://www.steelecanvas.com/

Elementdiv > details-modal > details > summary > span > button

Markup

<button class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.017 6.01999L23.0172 6.02011C24.9834 7.98628 26.207 10.5734 26.4796 13.3406C26.7522 16.1079 26.0569 18.884 24.5121 21.1961C22.9673 23.5081 20.6687 25.213 18.0078 26.0202C15.347 26.8274 12.4886 26.6871 9.91962 25.623C7.35066 24.559 5.23012 22.6371 3.9193 20.1848C2.60848 17.7325 2.1885 14.9016 2.73091 12.1744C3.27331 9.44717 4.74455 6.9924 6.89394 5.22834C9.04334 3.46427 11.7379 2.50007 14.5…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref IYH65A

Affected pagehttps://www.steelecanvas.com/pages/college-moving-carts

Elementdiv#yotpo-drawer-layout > div:nth-of-type(2) > div > div:nth-of-type(3) > div:nth-of-type(2)

Accessible nameLog in

Rolebutton

Markup

<div role="button" tabindex="0" class="yotpo-drawer-sign-in-link" style="text-decoration-color: rgb(51, 51, 51);"><div color="rgba(51,51,51,1)" class="yotpo-drawer-sign-in-text" style="color: rgb(51, 51, 51); font-size: 14px; font-weight: 700; font-style: normal;">
  Log in
</div></div>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref B835RU

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Elementdiv:nth-of-type(1) > div:nth-of-type(1) > div:nth-of-type(2) > div > div:nth-of-type(3) > div:nth-of-type(1)

Accessible nameREAD MORE...

Rolebutton

Markup

<div tabindex="0" class="show-more" role="button">READ MORE...</div>

Affected pages/blogs/news/14375635-bread-basket /pages/college-moving-carts

Component · Ref JHUAZI

Affected pagehttps://www.steelecanvas.com/

Elementbutton#ProductSubmitButton-template--23075624485179__shop_by_room_idLDk9

Accessible nameAdd to cart

Markup

<button id="ProductSubmitButton-template--23075624485179__shop_by_room_idLDk9" type="submit" name="add" class="primary-cta-shopping button--primary">
            <span>Add to cart
</span>
            <div class="shopping-bag-icon"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <g id="Component / Icons / Utility">
    <path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M6.5 2.5C6.5 1.67157 7.17157 1 8 1C8.82843 1 9.5 1.67157 9.5 2.5H6.5ZM5.5 2.5C5.5 1.11929 6.61929 0 8 0C9.38071 0 10.5 1.11929 10.5 2.5H14.4903H15.5L15.3602 3.5L13.8929…

Component · Ref J2K2YI

Affected pagehttps://www.steelecanvas.com/

Elementdiv#yotpo-reviews-star-ratings-widget > div > button

Accessible name5 out 5 stars rating in total 12 reviews. Jump to reviews.

Markup

<button class="yotpo-sr-bottom-line-summary yotpo-sr-bottom-line-button" type="button" aria-label="5 out 5 stars rating in total 12 reviews. Jump to reviews." style="display: flex; flex-direction: row; align-items: flex-start; direction: ltr; cursor: pointer;">
    <span style="display: flex; cursor: pointer;">
        <span aria-hidden="true" style="display: flex; flex-direction: row; align-items: center; height: 28px; cursor: pointer;">
    <svg aria-hidden="true" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" class="star-container yotpo-sr-star-full" width="15" height="15" style="di…

Component · Ref EQ2S2Z

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementli#Slide-template--23075624714555__main-40468712587579 > div > modal-opener > button

Accessible nameOpen media 1 in modal

Markup

<button class="product__media-toggle quick-add-hidden product__media-zoom-hover" type="button" aria-haspopup="dialog" data-media-id="40468712587579">
      <span class="visually-hidden">
        Open media 1 in modal
      </span>
    </button>

Component · Ref Q3IEEC

Affected pagehttps://www.steelecanvas.com/

Elementdiv:nth-of-type(1) > div > div:nth-of-type(2) > div > h3 > a

Accessible nameCanvas Under Bed Storage

Markup

<a href="/products/natural-canvas-under-bed-storage" data-product-link-position="8" data-impression-id="a9204ede-669d-47f0-9b36-0a5b70207567" data-product-click-tracked="true">
            Canvas Under Bed Storage
          </a>

Component · Ref HVXXZG

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.rim_color-1

Markup

<input type="checkbox" name="filter.v.m.custom.rim_color" value="Black" id="Filter-filter.v.m.custom.rim_color-1">

Component · Ref GXIZYB

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.body_color-1

Markup

<input type="checkbox" name="filter.v.m.custom.body_color" value="Natural" id="Filter-filter.v.m.custom.body_color-1">

Component · Ref BXQW6H

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.bu_size-1

Markup

<input type="checkbox" name="filter.v.m.custom.bu_size" value="1 BU" id="Filter-filter.v.m.custom.bu_size-1">

Component · Ref HVXVSR

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.rim_color-3

Markup

<input type="checkbox" name="filter.v.m.custom.rim_color" value="Grey" id="Filter-filter.v.m.custom.rim_color-3">

Component · Ref HVY1B5

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.rim_color-2

Markup

<input type="checkbox" name="filter.v.m.custom.rim_color" value="Brown" id="Filter-filter.v.m.custom.rim_color-2">

Component · Ref HVY6X5

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementinput#Filter-filter\.v\.m\.custom\.rim_color-4

Markup

<input type="checkbox" name="filter.v.m.custom.rim_color" value="Vegetable Tan" id="Filter-filter.v.m.custom.rim_color-4">

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)57 instances5 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 matters

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.

Recommended correction

Use a native <button>/<a>, or add tabindex="0" plus keyboard event handlers (Enter/Space) to custom controls.

View 57 affected elements

Component · Ref XN3J2G

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementdetails#Details-menu-drawer-container > summary

Accessible nameMobile Menu

Rolebutton

Markup

<summary class="header__icon header__icon--menu header__icon--summary link focus-inset lightmode" aria-label="Mobile Menu" role="button" aria-expanded="false" aria-controls="menu-drawer">
      <span class="mobile-menu-icons">
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" class="icon icon-hamburger" focusable="false" aria-hidden="true">
    <path d="M0 16H32" stroke="#333333" stroke-linejoin="round"></path>
    <path d="M0 26H32" stroke="#333333" stroke-linejoin="round"></path>
    <path d="M0 6H32" stroke="#333333" stroke-linejoin="roun…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 44N7ST

Affected pagehttps://www.steelecanvas.com/

Elementsticky-header > header > div > details-modal > details > summary

Accessible nameSearch

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">
      <span>
        <button class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
          <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.017 6.01999L23.0172 6.02011C24.9834 7.98628 26.207 10.5734 26.4796 13.3406C26.7522 16.1079 26.0569 18.884 24.5121 21.1961C22.9673 23.5081 20.6687 25.213 18.0078 26.0202C15.347 26.8274 12.4886 26.6871 9.91962 …

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 3113IJ

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementsummary#HeaderDrawer-featured

Accessible nameFeatured .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } }

Rolebutton

Markup

<summary id="HeaderDrawer-featured" class="Button-A menu-drawer__menu-item list-menu__item focus-inset" role="button" aria-expanded="false" aria-controls="link-featured">
                        Featured
                        
  
  
    
  


<style>
    
  .header-menu-image {
    margin-left: auto; /* This ensures that the link (image) is pushed to the far right */
  }
  
  .list-menu--disclosure.list-menu--images {
    width: rem;
  }

  @media screen and (max-width: 990px) {
    .header-menu-image {
      width: 40px;
    }
  }

</style>

                        <svg class="icon-arrow-ri…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 99JCUH

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementsummary#HeaderMenu-shop

Accessible nameShop

Rolebutton

Markup

<summary id="HeaderMenu-shop" class="list-menu__item focus-inset Button-A header__menu-item" data-mega-menu-item-summary="" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-1">
                <span>Shop</span>
                

<svg aria-hidden="true" focusable="false" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
  <path d="M12.2402 7.25L7.99753 11.4926L3.75489 7.25" stroke="#333333"></path>
</svg>
              </summary>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref T1YWIK

Affected pagehttps://www.steelecanvas.com/

Elementli:nth-of-type(3) > 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-886878767" data-dynamic-tabindex="true" style="color: rgb(0, 66, 228); font-family: &quot;Nunito Sans&quot;; font-style: normal; font-weight: 400;">
    Read more
  </span>

Component · Ref 6FAHR5

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdiv:nth-of-type(1) > div > div:nth-of-type(1) > ul > li:nth-of-type(2) > div

Accessible name4 star by 0 reviews

Rolebutton

Markup

<div class="yotpo-star-distribution-row-wrapper default-row yotpo-distribution-row" aria-label="4 star by 0 reviews" role="button"><div class="yotpo-star-distribution-index-wrapper"><div class="yotpo-star-distribution-index" aria-hidden="true">4</div><svg class="yotpo-star-rating-icon yotpo-sr-star-full" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" transform="scale(1.2, 1.2)" aria-hidden="true" focusable="false" style="width: 14px; height: 14px;"><defs><linearGradient id="yotpo_stars_gradient_0.9241008277043805"><stop offset="100%" stop-color="#F0CF69"></stop><stop offset="100%" stop…

Component · Ref 64J3AP

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementdiv:nth-of-type(2) > div > div > div > ul > li:nth-of-type(1)

Accessible nameFeatured

Markup

<li class="sc-sort-item" onclick="highlightItem(this)" data-value="manual">
                        Featured
                      </li>

Component · Ref HQRRFL

Affected pagehttps://www.steelecanvas.com/

Elementul > li:nth-of-type(5) > div > div > div:nth-of-type(4) > div

Accessible nameNavigate to Canvas Small Truck - 4 Bu

Rolelink

Markup

<div class="review-product yotpo-vugc-dynamic-content" role="link" tabindex="-1" aria-label="Navigate to Canvas Small Truck - 4 Bu" data-dynamic-tabindex="true">
  <img alt="" class="review-product-image" src="https://cdn-yotpo-images-production.yotpo.com/Product/361823522/304571023/square.jpg?1765887996" loading="lazy">
  <span class="review-product-name" title="Canvas Small Truck - 4 Bu" style="font-family: &quot;Nunito Sans&quot;; font-style: normal; font-weight: 400;">Canvas Small Truck - 4 Bu</span>
</div>

Component · Ref QLQBTS

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdetails#Details-collapsible-row-1-template--23075624714555__main > summary

Accessible nameShipping + Returns

Rolebutton

Markup

<summary role="button" aria-expanded="false" aria-controls="ProductAccordion-collapsible-row-1-template--23075624714555__main">
                      <div class="summary__title">
                        <h2 class="H-18 accordion__title inline-richtext">
                          Shipping + Returns
                        </h2>
                      </div>
                      <svg class="pdp-icon-plus" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5043_989)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.49976 8.5L7.4…

Component · Ref BSWV6Z

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdiv#dropdown-yotpo-dropdown-0\.5502857818838591-yotpo-dropdown-option-0

Accessible nameFilter reviews by all ratings

Roleoption

Markup

<div data-v-41f789da="" role="option" aria-label="Filter reviews by all ratings" aria-selected="true" id="dropdown-yotpo-dropdown-0.5502857818838591-yotpo-dropdown-option-0" class="yotpo-dropdown-option yotpo-dropdown-option--focus yotpo-dropdown-option--selected" data-testid="dropdown-option"><div data-v-41f789da="" class="yotpo-dropdown-option-label" data-testid="dropdown-option-label"><span data-v-41f789da="" class="formated-value">All ratings</span></div><svg data-v-75d918e0="" data-v-41f789da="" width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg" class=…

High

Modal dialog does not trap keyboard focus

WCAG 2.4.3 (A)9 instances5 inspected pages

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.

Why it matters

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.

Recommended correction

While a modal is open, confine focus to the dialog and mark the rest of the page inert (or aria-hidden). Restore focus on close.

View 9 affected elements

Component · Ref Q7X0AC

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementsticky-header > header > div > details-modal > details > div

Accessible nameSearch

Roledialog

Markup

<div class="search-modal modal__content" role="dialog" aria-modal="true" aria-label="Search">
      <div class="modal-overlay"></div>
      <div class="search-modal__content search-modal__content-bottom" tabindex="-1">
        
        <search-form class="search-modal__form">
        

        <button type="button" class="cancel-button-mobile" aria-label="Close">
        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 …

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 1ONYFE

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Elementdiv#rebuy-cart

Accessible nameCart

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">Cart</h2> <div data-rebuy-cart-header-top-inner-right=""><!----> <a data-rebuy-component="login" data-rebuy-component-id="login" href="/account/login" rol…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts

High

Form fields use placeholder text as the only label

WCAG 1.3.1 (A)5 instances5 inspected pages

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 matters

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.

Recommended correction

Add a persistent <label> associated with each field. Keep the placeholder for example text only, not as the label.

View 5 affected elements

Component · Ref P1OCQX

Affected pagehttps://www.steelecanvas.com/

Elementdiv > div:nth-of-type(2) > search-form > form > div:nth-of-type(1) > input:nth-of-type(1)

Markup

<input type="text" class="sc-input" name="q" placeholder="What are you looking for?">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

High

Images lack text alternatives

WCAG 1.1.1 (A)20 instances5 inspected pages

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Why it matters

Informative images have no alternative text, so their meaning is unavailable to people using assistive technology.

Recommended correction

Add a concise alt attribute describing each informative image. Mark purely decorative images with alt="" so assistive technology skips them.

View 20 affected elements

Component · Ref LIJYWZ

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.header__heading-logo

Markup

<img class="header__heading-logo motion-reduce" src="//www.steelecanvas.com/cdn/shop/files/logo_1024x1024.png?v=1721152471" width="auto" height="auto">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref VX7X5G

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementimg#Thumbnail-template--23075624714555__main-3\a

Markup

<img src="//www.steelecanvas.com/cdn/shop/files/Dec2025_Steele-190.jpg?v=1768945736&amp;width=416" alt="White fabric basket with brown handle on a light gray background" srcset="//www.steelecanvas.com/cdn/shop/files/Dec2025_Steele-190.jpg?v=1768945736&amp;width=54 54w, //www.steelecanvas.com/cdn/shop/files/Dec2025_Steele-190.jpg?v=1768945736&amp;width=74 74w, //www.steelecanvas.com/cdn/shop/files/Dec2025_Steele-190.jpg?v=1768945736&amp;width=104 104w, //www.steelecanvas.com/cdn/shop/files/Dec2025_Steele-190.jpg?v=1768945736&amp;width=162 162w, //www.steelecanvas.com/cdn/shop/files/Dec2025_Stee…

Affected pages/blogs/news/14375635-bread-basket /products/dog-toy-basket

Component · Ref GSNHUY

Affected pagehttps://www.steelecanvas.com/

Element.Collections-call-out-item--image[href$="for-home-trucks"] > .image[width="auto"][height="auto"]

Markup

<img class="image" src="//www.steelecanvas.com/cdn/shop/files/2_9f635d16-5017-446e-b3ea-a17f4d5244cb_1024x1024.png?v=1732292980" width="auto" height="auto">

Component · Ref WBJS6C

Affected pagehttps://www.steelecanvas.com/

Element

swiper-slide[aria-label="4 / 7"] > .Collections-call-out-item > .Collections-call-out-item--image > .image[width="auto"][height="auto"]

Markup

<img class="image" src="//www.steelecanvas.com/cdn/shop/files/small_canvas_tote_no_bg-_hp_collection_1024x1024.jpg?v=1752264600" width="auto" height="auto">

High

Interactive controls must not be nested

WCAG 4.1.2 (A)5 instances5 inspected pages

Interactive controls must not be nested

Why it matters

Interactive controls must not be nested

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 5 affected elements

Component · Ref IAP998

Affected pagehttps://www.steelecanvas.com/blogs/news/14375635-bread-basket

Element.header__icon--search

Accessible nameSearch

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

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 matters

Meaningful content is not contained in a landmark (header/nav/main/footer/aside), so assistive-technology users cannot reach it via landmark navigation.

Recommended correction

Wrap primary content in <main> and other regions in appropriate landmark elements.

View 5 affected elements

Component · Ref TMQCG7

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementdiv#CartDrawer > div:nth-of-type(2) > div:nth-of-type(1) > div > div:nth-of-type(2) > p

Accessible nameYou are $100.00 away from free shipping

Markup

<p class="P-12">You are $100.00 away from free shipping</p>

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Medium

Navigation regions are not distinguishable

WCAG 1.3.1 (A)10 instances5 inspected pages

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Why it matters

The page has multiple navigation landmarks but they lack accessible names, so screen reader users cannot tell them apart.

Recommended correction

Give each navigation region a distinct aria-label (e.g. "Primary", "Footer") when more than one is present.

View 10 affected elements

Component · Ref J43THW

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementdiv#shopify-section-sections--23075624124731__header > sticky-header > header > nav

Accessible nameShop By Category Elevated Trucks Small Trucks Baskets & Bins Wood Lids, Shelves & Liners Caddies Travel Bags, Accessories, Etc... Tote Bags Butterfly Sling Chairs Show All By Room Living Room Laundry Room Bedroom Kids Room Garage Pantry Featured Auburn Collection Icon Collection Mini Totes Best Sellers Storage & Organization Drying Racks Canvas Storage Bins & Cubes New from The Basket Shop Corporate Gifts #menu-backdrop { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 3; } document.addEventListener('DOMContentLoaded', function () { const menuBackdrop = document.getElementById('menu-backdrop'); document.querySelectorAll('.mega-menu').forEach(function(megaMenu) { megaMenu.addEventListener('toggle', function () { const isAnyMenuOpen = [...…[truncated by Evolize: exceeded D1 value limit]

Markup

<nav class="header__inline-menu">
  <ul class="list-menu list-menu--inline" role="list"><li><header-menu>
            <details id="Details-HeaderMenu-1" class="mega-menu">
              <summary id="HeaderMenu-shop" class="list-menu__item focus-inset Button-A header__menu-item" data-mega-menu-item-summary="" role="button" aria-expanded="false" aria-controls="MegaMenu-Content-1">
                <span>Shop</span>
                

<svg aria-hidden="true" focusable="false" class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
  <path d…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Component · Ref 7K9FB1

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementdiv#menu-drawer > div > div > nav

Accessible nameShop .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } By Category .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } By Category Elevated Trucks .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Tote Bags .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Baskets & Bins .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Travel Bags, Accessories, Etc... .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Caddies .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Small Trucks .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Wood Lids, Shelves & Liners .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Butterfly Sling Chairs .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } By Room .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } By Room Living Room .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Laundry Room .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } Kids Room .header-menu-image { margin-left: auto; /* This ensures that the link (image) is pushed to the far right */ } .list-menu--disclosure.list-menu--images { width: rem; } @media screen and (max-width: 990px) { .header-menu-image { width: 40px; } } …[truncated by Evolize: exceeded D1 value limit]

Markup

<nav class="menu-drawer__navigation">
            <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li>
                      <span id="HeaderDrawer-shop" class="Eyebrow-B menu-drawer__menu-item list-menu__item ">
                        
                        Shop
                        
  
  
    
  


<style>
    
  .header-menu-image {
    margin-left: auto; /* This ensures that the link (image) is pushed to the far right */
  }
  
  .list-menu--disclosure.list-menu--images {
    width: rem;
  }

  @media screen and (max-width: 990px) {
    .header-menu-image {
      widt…

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Medium

Touch targets are too small

WCAG 2.5.8 (AA)5 instances5 inspected pages

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Why it matters

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Recommended correction

Increase this <summary>'s rendered area to at least 24 × 24 CSS pixels, or provide sufficient spacing from adjacent targets. Prefer increasing padding on the existing control (for example the button or link) rather than adding a separate non-interactive wrapper.

View 5 affected elements

Component · Ref 4F7VH2

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element.header__icon--search

Accessible nameSearch

Rolebutton

Markup

<summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search" role="button">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Medium

Page has no level-one heading

WCAG 1.3.1 (A)3 instances3 inspected pages

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Why it matters

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Recommended correction

Add a single descriptive <h1> that names the page's primary purpose.

View 3 affected elements

Component · Ref 6K5S4G

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Elementhtml > body

Accessible name💰 Earn 2 point for every $1 you spend Join now Earn 30 points Already a member? Log in REWARDS #SmartCart_title{ text-align: left; } #rebuy-smart-cart-announcement-bar{ background: rgb(51, 51, 51) !important; color: rgb(255, 255, 255) !important; } #rebuy-discount-input{ border-color: rgb(51, 51, 51) !important; } .complete .rebuy-cart__progress-step-icon { background: rgb(51, 51, 51) !important; } .rebuy-cart__flyout-recommendations{ padding-top: 0px; } .rebuy-cart__progress-bar-meter-fill{ background: rgb(51, 51, 51) !important; } .product-above-fold-infos .powered-by-rebuy { display: none; } .rebuy-cart__flyout { margin: 0px; border-radius: 0px; } .rebuy-cart div:empty, .rebuy-cart span:empty { display: none; } .rebuy-cart__background, .rebuy-cart .rebuy-star-rating > * { display: block !important; } .rebuy-checkbox { appearance: none !important; -webkit-appearance: none !important; padding: 0 0 0 15px !important; } .rebuy-checkbox:checked:before { appearance: none; -webkit-appearance: none; display: inherit; } .rebuy-checkbox-label{ width: 20px !important; margin-top: 10px !important; } .rebuy-button { border: none; } .rebuy-cart__flyout-empty-cart a, .rebuy-cart__flyout-empty-cart a:visited, .rebuy-cart__flyout-empty-cart a:active { background: transparent; color: var(--color-black); cursor: pointer; font-family: "Sackers-Gothic"; border: 1px solid var(--color-black); font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: lowercase; text-decoration: none; padding: 12px 32px; min-width: 213px; margin: 0; } @media(max-width: 1023px) { .rebuy-cart__flyout-empty-cart a, .rebuy-cart__flyout-empty-cart a:visited, .rebuy-cart__flyout-empty-cart a:active { font-size: 14px; line-height: 20px; padding: 10px 24px; min-width: 179px; } } .rebuy-button:hover, .rebuy-cart__flyout-empty-cart a:hover { background: #333333d1; color: #ffffff; } .product-above-fold-infos .rebuy-widget-content .primary-title { color: #333; font-family: "Sackers-Gothic"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; text-transform: lowercase; text-align: left; margin: 0 0 10px 0 !important; } .product-above-fold-infos .rebuy-widget-content .rebuy-product-media { width: 110px !important; } .product-above-fold-infos .rebuy-widget-content a.rebuy-product-title.clickable { color: #333; font-family: "GT-America"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; } .product-above-fold-infos .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block, .product-above-fold-infos .rebuy-recommended-products .rebuy-product-grid.large-style-line .rebuy-product-block { align-items: flex-start !important; } .product-above-fold-infos .rebuy-widget .rebuy-product-block .rebuy-product-info .rebuy-product-price, .product-above-fold-infos .rebuy-recommended-products .rebuy-product-block .rebuy-product-info .rebuy-product-price { color: #333; font-family: "GT-America"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 120%; } .product-above-fold-infos .rebuy-widget .rebuy-product-block .rebuy-product-info { width: calc(70% - 100px) !important; } .rebuy-money, .rebuy-widget .rebuy-money { color: #333; } .product-above-fold-infos .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-media img, .product-above-fold-infos .rebuy-recommended-products .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-media img { margin: 0 !important; width: 100%; height: auto !important; object-fit: cover; } @media screen and (min-width: 768px) and (max-width: 1024px) { .product-above-fold-infos .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-media img, .product-above-fold-infos .rebuy-recommended-products .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-media img { height: 63px !important; } } .product-above-fold-infos .rebuy-widget-content .rebuy-product-actions { display: flex; justify-content: flex-end; margin-top: auto !important; margin-bottom: 8px !important; } .product-above-fold-infos .rebuy-button, .rebuy-widget .rebuy-button { color: #333 !important; font-family: "Sackers-Gothic"; font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 24px; text-transform: lowercase !important; background-color: #fff !important; background-image: url('https://www.steelecanvas.com/cdn/shop/t/64/assets/cart-icon.svg?v=68948697386870703211725584598'); background-repeat: no-repeat; background-position: 100% 13px; width: 63px !important; border-bottom: solid 1px #333 !important; padding: 10px 10px 3px 0 !important; text-align: left !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; } .product-above-fold-infos .rebuy-button.working, .rebuy-widget .rebuy-button.working { width: auto !important; padding: 10px 22px 3px 0 !important; } .rebuy-cart__flyout-empty-cart { padding: var(--space-104) var(--space-16); display: flex; flex-direction: column; justify-content: center; align-items: center; border-bottom: none; } .rebuy-cart__flyout-empty-cart h4 { font-family: "GT-America"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; /* 27px */ color: var(--color-dark-gray); margin:0; padding-bottom: 24px; } @media (max-width:1023px) { .rebuy-cart__flyout-empty-cart h4 { font-size: 16px; } } .rebuy-cart__flyout-empty-cart p { margin:0; } .rebuy-cart__flyout-empty-cart .ql-align-center:nth-child(2) { display: none; } .rebuy-cart__flyout-empty-cart-footer { display: none; } .rebuy-cart__flyout-empty-cart ~ .rebuy-cart__flyout-recommendations { display: none; } .rebuy-cart__flyout-title { font-family: "Sackers-Gothic"; font-size: 20px; font-style: normal; font-weight: 500; line-height: 120%; /* 24px */ text-transform: lowercase; } document.addEventListener('rebuy:smartcart.show', (event) => { const smartcart = event.detail.smartcart; const progressBar = document.querySelector('#rebuy-cart__progress-bar-meter-label'); progressBar.innerHTML = progressBar.innerHTML + " (excludes industrial products)"; }); // Detect Rebuy minicart update document.addEventListener('rebuy:cart.change', (event) => { console.log('rebuy:cart.change detected') document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: false })) }) // Refresh cart count when cart is updated document.documentElement.addEventListener('cart:refresh', () => { fetch('/cart.js') .then(response => response.json()) .then(cart => { const cartCountElement = document.querySelector('.cart-count-bubble span') if (cartCountElement) { cartCountElement.textContent = cart.item_count } }) .catch(error => console.error('Error updating cart count:', error)) }) // Track the element that had focus before the popup appeared let lastFocusedElement = null; document.addEventListener('click', function(event) { const addToCartButton = event.target.closest('button[name="add"], .rebuy-button, [data-action="add-to-cart"]'); if (addToCartButton) { console.log('Add to cart clicked'); // Store the currently focused element lastFocusedElement = document.activeElement; console.log('Stored last focused element:', lastFocusedElement); setTimeout(initPopupAccessibility, 1500); } }, true); // Function to initialize accessibility for Rebuy popup function initPopupAccessibili…[truncated by Evolize: exceeded D1 value limit]

Markup

<body class="gradient animate--hover-default smart-cart--enabled"><div data-yotpo-instance-id="643861" class="yotpo-widget-instance"></div><div class="yotpo-widget-loyalty-floater-widget yotpo-widget-override-css"><div class="yotpo-widget-clear"><div class="yotpo-floater-widget-layout" style="position: fixed;"><div class="yotpo-footer-layout"><div id="yotpo-drawer-layout" class="yotpo-drawer-layout" style="--border-color: #CFCFCF; --drawerColor: rgba(51,51,51,1); background-color: rgb(255, 255, 255); --container-min-height: 234px; display: none;"><div role="button" tabindex="0" aria-label="Clo…

Affected pages/collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts

Medium

IDs used in ARIA and labels must be unique

WCAG 4.1.2 (A)16 instances1 inspected page

IDs used in ARIA and labels must be unique

Why it matters

IDs used in ARIA and labels must be unique

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 16 affected elements

Component · Ref 312IZI

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element

#Details-filter\.v\.price-template--23075624190267__product-grid > .facets__display-vertical > price-range > .field.hidden:nth-child(2) > input[name="filter.v.price.gte"][placeholder="0"][inputmode="decimal"]

Markup

<input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE" type="text" inputmode="decimal" placeholder="0" data-pattern="\d| |,|\." data-min="0" data-max="164.95">

Component · Ref HVEWJB

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element#Details-filter\.v\.availability-template--23075624190267__product-grid > .parent-display.facets__display-vertical

Accessible nameAvailability In stock In stock (1 product)

Markup

<div id="Facet-5-template--23075624190267__product-grid" class="parent-display facets__display-vertical">

Component · Ref WOMUOF

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element

#Details-filter\.v\.m\.custom\.body_material-template--23075624190267__product-grid > .parent-display.facets__display-vertical

Accessible nameBody Material Canvas Canvas (1 product)

Markup

<div id="Facet-1-template--23075624190267__product-grid" class="parent-display facets__display-vertical">

Component · Ref D1A308

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element

#Details-filter\.v\.m\.custom\.rim_color-template--23075624190267__product-grid > .parent-display.facets__display-vertical > fieldset > .facets-layout.facets-layout-list.facets-layout-list--text > .facets__item.mobile-facets-li.list-menu__item:nth-child(1) > .facets__label.facet-checkbox > input[value="Black"][name="filter.v.m.custom.rim_color"][type="checkbox"]

Markup

<input type="checkbox" name="filter.v.m.custom.rim_color" value="Black" id="Filter-filter.v.m.custom.rim_color-1">

Component · Ref DQ44E6

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element

#Details-filter\.v\.availability-template--23075624190267__product-grid > .parent-display.facets__display-vertical > fieldset > .facets-layout.facets-layout-list.facets-layout-list--text > .facets__item.mobile-facets-li.list-menu__item > .facets__label.facet-checkbox[for="Filter-filter.v.availability-1"] > input[name="filter.v.availability"][value="1"][type="checkbox"]

Markup

<input type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1">

Medium

List items are not inside a list

WCAG 1.3.1 (A)1 instance1 inspected page

A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.

Why it matters

A <li> appears outside a <ul> or <ol>, so the list relationship is not conveyed to assistive technology.

Recommended correction

Wrap related <li> elements in a <ul> or <ol>, or use a different element for non-list content.

View 1 affected element

Component · Ref YILWOI

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element.plp-list__item-new

Accessible nameCard Content +1 Canvas Small Carry Basket 1 Bu Regular price from $124.95 Regular price Sale price From $ 124.95 Unit price / per 4.9 20 Reviews

Markup

<li class=" scroll-trigger animate--slide-in plp-list__item-new" data-cascade="">

Medium

<video> elements must have captions

WCAG 1.2.2 (A)1 instance1 inspected page

<video> elements must have captions

Why it matters

<video> elements must have captions

Recommended correction

Review the affected element and correct the reported accessibility issue.

View 1 affected element

Component · Ref IUGLRZ

Affected pagehttps://www.steelecanvas.com/

Element.custom-section-video-wrap.desktop[data-video-section=""] > video

Markup

<video class="custom-section-banner-video-tag" autoplay="" loop="" muted="" playsinline="" data-video-section-tag="">
          <source src="https://cdn.shopify.com/videos/c/o/v/b3b16f30e815431d87faa23d7abdf141.mp4" type="video/mp4">
        </video>

Low

Low-quality alternative text

WCAG 1.1.1 (A)74 instances5 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 matters

Alt text looks like a filename, a generic word ("image", "photo"), or is duplicated across unrelated images — it likely does not describe the content.

Recommended correction

Replace placeholder or filename alt text with a concise description of what the image conveys.

View 74 affected elements

Component · Ref VDP10O

Affected pagehttps://www.steelecanvas.com/

Elementdiv:nth-of-type(2) > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(3) > div > img

Markup

<img class="yotpo-image lazy" data-image-id="18108582176326375" src="//cdn-yotpo-images-production.yotpo.com/instagram/75/18108582176326375/low_resolution.jpg" alt="image">

Affected pages/ /collections/1-bu-baskets /blogs/news/14375635-bread-basket /pages/college-moving-carts /products/dog-toy-basket

Low

ARIA attributes have invalid values

WCAG 4.1.2 (A)7 instances1 inspected page

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Why it matters

ARIA attributes reference ids that do not exist or hold invalid values, breaking the accessibility tree.

Recommended correction

Correct ARIA attribute values and ensure referenced ids exist in the DOM.

View 7 affected elements

Component · Ref FXP7C7

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Elementbutton[aria-label="Load image 4 in gallery view"]

Accessible nameLoad image 4 in gallery view

Markup

<button class="thumbnail global-media-settings global-media-settings--no-shadow" aria-label="Load image 4 in gallery view" aria-controls="GalleryViewer-template--23075624714555__main" aria-describedby="Thumbnail-template--23075624714555__main-4
">

Component · Ref BXRDW3

Affected pagehttps://www.steelecanvas.com/products/dog-toy-basket

Element.yotpo-dropdown-closable

Accessible nameRating

Rolecombobox

Markup

<div data-v-41f789da="" class="yotpo-dropdown-closa..." aria-expanded="false" aria-controls="dropdown-yotpo-dropd..." tabindex="0" aria-labelledby="yotpo-dropdown-0.550..." aria-haspopup="listbox" role="combobox" data-testid="dropdown-combobox">

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 matters

A video element has no captions or subtitles track. Whether captions are needed depends on the audio content and requires manual review.

Recommended correction

Provide a synchronized captions track (<track kind="captions">) for video with meaningful audio.

View 2 affected elements

Component · Ref 8Y1HWB

Affected pagehttps://www.steelecanvas.com/

Elementdiv#shopify-section-template--23075624485179__video_section_4MezKC > div > div > div:nth-of-type(3) > video

Markup

<video class="custom-section-banner-video-tag" autoplay="" loop="" muted="" playsinline="" data-video-section-tag="">
          <source src="https://cdn.shopify.com/videos/c/o/v/b3b16f30e815431d87faa23d7abdf141.mp4" type="video/mp4">
        </video>

Low

List markup is malformed

WCAG 1.3.1 (A)1 instance1 inspected page

A list contains elements other than the list items it should, breaking its structure.

Why it matters

A list contains elements other than the list items it should, breaking its structure.

Recommended correction

Ensure <ul>/<ol> contain only <li> (plus <script>/<template>) as direct children.

View 1 affected element

Component · Ref RXU24F

Affected pagehttps://www.steelecanvas.com/collections/1-bu-baskets

Element#product-grid

Accessible nameCard Content +1 Canvas Small Carry Basket 1 Bu Regular price from $124.95 Regular price Sale price From $ 124.95 Unit price / per 4.9 20 Reviews

Markup

<ul id="product-grid" data-id="template--23075624190267__product-grid" class="
                plp-grid-new
                
              ">

Accessibility issues detected on steelecanvas.com

Is steelecanvas.com your website?

01 · Accessibility summary

02 · Start here

Links lack accessible text

Links lack accessible text

Links lack accessible text

Links lack accessible text

Form fields are missing labels

03 · WCAG criteria affected

04 · All detected findings

Links lack accessible text

Buttons have no accessible name

Form fields are missing labels

ARIA hidden element must not be focusable or contain focusable elements

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Form fields use placeholder text as the only label

Images lack text alternatives

Interactive controls must not be nested

Content sits outside any landmark region

Navigation regions are not distinguishable

Touch targets are too small

Page has no level-one heading

IDs used in ARIA and labels must be unique

List items are not inside a list

<video> elements must have captions

Low-quality alternative text

ARIA attributes have invalid values

Video may be missing captions

List markup is malformed

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Accessibility issues detected on steelecanvas.com

Is steelecanvas.com your website?

01 · Accessibility summary

02 · Start here

Links lack accessible text

Links lack accessible text

Links lack accessible text

Links lack accessible text

Form fields are missing labels

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Links lack accessible text

Buttons have no accessible name

Form fields are missing labels

ARIA hidden element must not be focusable or contain focusable elements

Text has insufficient colour contrast

Hidden elements can still receive keyboard focus

Interactive controls are not keyboard-accessible

Modal dialog does not trap keyboard focus

Form fields use placeholder text as the only label

Images lack text alternatives

Interactive controls must not be nested

Content sits outside any landmark region

Navigation regions are not distinguishable

Touch targets are too small

Page has no level-one heading

IDs used in ARIA and labels must be unique

List items are not inside a list

<video> elements must have captions

Low-quality alternative text

ARIA attributes have invalid values

Video may be missing captions

List markup is malformed

05 · Most affected inspected pages

06 · About this assessment

07 · Continuous monitoring

Reports with similar accessibility findings