Hidden elements can still receive keyboard focus
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.
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 40 affected elements
https://toupsandco.com/cartdiv#shopify-section-sections--22471130448118__header > div:nth-of-type(1) > header > ul > li:nth-of-type(3) > a<a href="/collections/kits">Sets</a>
/ /pages/my-account /pages/signup /carthttps://toupsandco.com/cartdiv#shopify-section-sections--22471130448118__header > div:nth-of-type(1) > header > div:nth-of-type(1) > div:nth-of-type(2) > a<a class="header__logo__link" href="/"><figure class="logo__img logo__img--color image-wrapper lazy-image is-loading" style="--aspect-ratio: 2.1724979658258747;--aspect-ratio-mobile: 2.1724979658258747;"><img src="//toupsandco.com/cdn/shop/files/Main.png?crop=center&height=5760&v=1745452490&width=5340" alt="Toups and Co Organics" width="5340" height="11601" loading="eager" srcset="//toupsandco.com/cdn/shop/files/Main.png?crop=center&height=69&v=1745452490&width=150 150w, //toupsandco.com/cdn/shop/files/Main.png?crop=center&height=138&v=1745452490&width=300 3…
/ /pages/my-account /pages/signup /carthttps://toupsandco.com/pages/my-accountbody#my-account > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(1) > button<button class="pswp__button pswp__button--close pswp__custom-close pswp__ui-over-close" title="Close (Esc)"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-cancel" viewBox="0 0 24 24"><path d="M6.758 17.243 12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></button>
/ /pages/my-account /pages/signup /carthttps://toupsandco.com/pages/signupdiv:nth-of-type(1) > header > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(2) > a<a href="/cart" class="navlink navlink--cart navlink--cart--text navlink--toplevel" data-cart-toggle="">
<div class="navlink__cart__content">
<span class="navtext">Cart</span>
<span class="header__cart__status__holder">
<span class="header__cart__status navtext" data-status-separator=": " data-cart-count="0">
0
</span><!-- /snippets/social-icon.liquid -->
<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag" viewBox="0 0 24 24"><path d="m19.26 9.696 1.385 9A2 2 0 0 1 18.67 21H5.33a2 2 0 0 1-1.977-2.304l1.385-9A2 2 0 0 1 6.716…/ /pages/my-account /pages/signup /carthttps://toupsandco.com/body#toups-amp-co-organics > div:nth-of-type(3) > div:nth-of-type(2) > div:nth-of-type(2) > button:nth-of-type(1)<button class="pswp__button pswp__button--arrow--left" title="Previous"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-nav-arrow-left" viewBox="0 0 24 24"><path d="m15 6-6 6 6 6" stroke="#000" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="visually-hidden">Previous</span>
</button>/ /pages/my-account /pages/signuphttps://toupsandco.com/cartdiv > form > div > div:nth-of-type(1) > div:nth-of-type(1) > a<a class="btn btn--outline btn--primary" href="/collections/all">
<span>Continue Shopping</span>
</a>