Finding 1
Add to cart button: keyboard focus is not visible
What we saw
We moved through the page with the Tab key. The button receives focus, but its look does not change at all.
Who is affected
Customers who use a keyboard instead of a mouse, for example because of a motor impairment or after a hand injury. They cannot see which element is active and cannot safely add the product to the cart.
How to fix
Add a clearly visible focus style for keyboard users. :focus-visible leaves the look for mouse users unchanged.
.add-to-cart:focus-visible {
outline: 3px solid #13212c;
outline-offset: 3px;
}