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.
Ensure that all interactive elements, such as buttons, are visible when they receive focus, or remove them from the tab order if they are not meant to be interacted with. Consider using 'display: none' or 'visibility: hidden' to remove the element from the tab order when it's not visible.
View 16 affected elements
https://www.oldesaratogacoinandjewelry.com/html > body > scroll-to-top > button<button type="button" class="scroll-to-top__button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"></path>
</svg>
<span class="sr-only">Scroll to top</span>
</button>/ /policies/contact-information /pages/contact-us /products/gold-eagles /carthttps://www.oldesaratogacoinandjewelry.com/div > div > div > div:nth-of-type(1) > div > a<a class="product-link block" href="/products/1904-s-barber-dime-fine-cleaned" title="1904-S Barber Dime, Fine, Cleaned"> <responsive-image class="responsive-image product-first-image" style="--aspect-ratio:125.0%"> <img src="//www.oldesaratogacoinandjewelry.com/cdn/shop/files/57_51d037d0-e05a-4f47-8727-5a8ff0d9aca8.jpg?crop=center&height=2000&v=1785778066&width=1600" alt="1904-S Barber Dime, Fine, Cleaned" width="1600" height="2000" loading="lazy" sizes="(min-width: 1300px) calc((100vw - 130px) / 5), (min-width: 990px) calc((100vw - 130px) / 3), (min-width: 750px) calc((100vw - 12…
https://www.oldesaratogacoinandjewelry.com/products/gold-eaglesdiv#Thumbnail-Carousel-template--21591402021027__main-slide01<div id="Thumbnail-Carousel-template--21591402021027__main-slide01" class="thumbnail-list__item splide__slide splide__thumbnail is-active is-visible" data-target="template--21591402021027__main-10398667145379" data-media-position="1" data-media-id="10398667145379" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" style="margin-right: 1.5rem; width: calc(16.6667% - 1.25rem);"><span tabindex="-1" class="thumbnail global-media-settings global-media-settings--no-shadow scroll-trigger animate--slide-in scroll-trigger--offscreen" data-cascade="" style="--animation-order:1" ar…
https://www.oldesaratogacoinandjewelry.com/cartdiv > div > div:nth-of-type(1) > cart-items > div:nth-of-type(1) > a<a href="/collections/all" class="btn btn-underlined">Continue shopping</a>
https://www.oldesaratogacoinandjewelry.com/carttextarea#Cart-note<textarea class="text-area field__input" name="note" form="cart" id="Cart-note" placeholder="Order note"></textarea>
https://www.oldesaratogacoinandjewelry.com/div#featured-collection-template--21591401660579__featured_collection_MgUxJq > div:nth-of-type(2) > button:nth-of-type(2)<button class="splide__arrow splide__arrow--next " type="button" aria-label="Next slide" aria-controls="featured-collection-template--21591401660579__featured_collection_MgUxJq-track">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon icon-nav-arrow-right">
<path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path>
</svg>
</button>https://www.oldesaratogacoinandjewelry.com/cartdiv > div > cart-discount > div > form > button<button type="submit" class="btn cart-discount__button btn-primary">
Apply
<div class="loading__spinner">
<svg aria-hidden="true" focusable="false" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
<circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
</svg>
</div>
</button>https://www.oldesaratogacoinandjewelry.com/cartinput#cart-discount<input id="cart-discount" class="field__input cart-discount__input" type="text" name="discount" placeholder="Discount code">
https://www.oldesaratogacoinandjewelry.com/products/gold-eaglesdiv#Main-Carousel-template--21591402021027__main-slide01 > div > div > a<a class="product__media-icon product__media-icon-image motion-reduce " href="//www.oldesaratogacoinandjewelry.com/cdn/shop/products/gold-eagle.jpg?v=1596218494&width=1418" data-pswp-src="//www.oldesaratogacoinandjewelry.com/cdn/shop/products/gold-eagle.jpg?v=1596218494&width=1418" data-cropped="true" data-pswp-width="1418" data-pswp-height="1418" aria-label="Open media 1 in modal">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="var(--icon-stroke-width)" stroke="currentColor" class="size-6 icon icon-plus">
<path stroke-linecap="round"…