Shops are the most litigated category in the United States, and it is not hard to see why: the failures sit directly on the path to payment.
Why it matters here specifically. On a content site a failure costs you a visit. On a shop it costs you the order, and the same broken markup usually breaks browser autofill for everyone else too.
An Add to Cart button inside a link is a control inside a control. Keyboard and screen reader users cannot reliably use either.
What to do: Make only the product title the link. Keep the button separate.
Colour and size swatches implemented as clickable divs cannot be reached by keyboard, so the product simply cannot be bought.
What to do: Use real radio inputs or buttons. Test by choosing a variant with Tab and Enter only.
Checkout customisations routinely remove the autocomplete attributes. That breaks password managers and address autofill for every customer, disabled or not.
What to do: Try to check out with a password manager. If it cannot fill the address, the attributes are broken.
A popup with no reachable close button ends the session for a keyboard user.
What to do: Open every popup and close it using only the keyboard.
The most common contrast failure in commerce themes, and it sits on the element designed to drive urgency.
What to do: Darken the badge background, or use dark text on it.
Free, no signup, and the report explains every finding in plain English rather than developer shorthand.
Scan my page