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 47 affected elements
https://butcherbbq.com/collections/beef-essentials/products/brisket-basketnav > div > ul > li:nth-of-type(2) > div > a<a href="/" title="Butcher BBQ " class="logo_overlay img-align"> <img src="//butcherbbq.com/cdn/shop/files/butcher_bbq_championship_rubs-logo-crushed.jpg?v=1696636181&width=90" alt="Brisket Basket for BBQ Lovers | Butcher BBQ | Butcher BBQ " srcset="//butcherbbq.com/cdn/shop/files/butcher_bbq_championship_rubs-logo-crushed.jpg?v=1696636181&width=180, //butcherbbq.com/cdn/shop/files/butcher_bbq_championship_rubs-logo-crushed.jpg?v=1696636181&width=180 2x" width="90" height="83" class="nopad js lazyload img-align landscape" loading="eager" style="aspect-ratio:1.0855565777368905;max-h…
/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/products/brisket-basketdiv:nth-of-type(2) > nav > div > ul > li:nth-of-type(1) > button<button type="button" class="toggleMenu isDesktop" aria-controls="responsiveMenu" aria-label="Menu"><span class="icon icon-menu ignore relative"></span></button>
/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/collections/beef-essentials/products/brisket-basketli#cart-count-mobile > a<a href="/cart" title="Cart" class="cart-count-mobile relative" role="button"><span><span class="icon icon-cart"> <svg height="22" width="22" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><g><path d="M 0.835 1.495 L 4.038 1.469 L 7.952 18 L 19.978 18" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px" stroke="currentColor" bx:origin="0.520847 0.470588"></path><path d="M 8 15 L 19 15 C 19 15 23.225 5.017 23…
/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/products/brisket-basketselect#header_country_code<select id="header_country_code" class="no-select" name="country_code">
<option value="CA">Canada ($) USD</option>
<option value="US" selected="true">United States ($) USD</option>
</select>/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/input#search-formheader-desktop-sections--21811998392565__header<input id="search-formheader-desktop-sections--21811998392565__header" class="search-field section-color" type="search" name="q" value="" placeholder="Search..." role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/products/brisket-basketform#search-header-desktop > span > button<button class="search" aria-label="Search">
<span class="icon"><span class="icon icon-search">
<svg height="22" width="22" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><g><path d="M 0.75 9.263 C 0.75 15.806 7.833 19.896 13.5 16.624 C 16.13 15.106 17.75 12.3 17.75 9.263 C 17.75 2.72 10.667 -1.37 5 1.902 C 2.37 3.42 0.75 6.226 0.75 9.263 Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-…/ /products/brisket-basket /collections/beef-essentials/products/brisket-basket /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41div#quick-modal > div > div > button<button class="modal-close" aria-label="Close pop up" data-micromodal-close=""><span class="icon icon-times"> <svg height="18" width="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"><g><path d="M 5 5 L 19 19" fill="none" stroke="#990000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"></path><path d="M 19 5 L 5 19" fill="none" stroke="#990000" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"></path…
/ /blogs/grilling-tools-learn-about/brisket-basket-guide-benefits-usage-2026-8828-41 /pages/wholesale-loginhttps://butcherbbq.com/collections/beef-essentials/products/brisket-basketfigure#variant-image-37367525376245<figure id="variant-image-37367525376245" class="glider-slide variant-image variant-image-template--21811997966581__main relative active visible center" aria-hidden="true" tabindex="0" data-product-gallery-figure="0" data-product-gallery-selected="true" data-media="37367525376245" data-media-type="image" data-gslide="0" style="height: auto; width: 580px;">
<div class="media-container relative lazycontainer image-align">
<span>
<img src="//butcherbbq.com/cdn/shop/files/Brisket-Basket-Butcher-BBQ-270079561.jpg?v=1755361960&width=500" alt="M…/products/brisket-basket /collections/beef-essentials/products/brisket-baskethttps://butcherbbq.com/collections/beef-essentials/products/brisket-basketbody#main-body > div:nth-of-type(1) > div:nth-of-type(2) > div > button<button class="jdgm-write-review-modal__close-btn" aria-label="Close review form">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M19 5L5 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5 5L19 19" stroke="#202223" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</button>/products/brisket-basket /collections/beef-essentials/products/brisket-basket