100%of 27 audited stores fail this
Payment form supports mobile browser autofill for card details
iOS and Android can autofill a saved card in one tap when the fields are labeled correctly. Without it, the buyer types 16 digits, expiry, and CVV manually, and many abandon.
- ■Set `autocomplete="cc-number"` on the card-number input, `cc-exp` on the expiry, `cc-csc` on the CVV, and `cc-name` on the cardholder name.
- ■Never use `autocomplete="off"` on payment fields.
- ■If you use Stripe Elements or Shopify's own card fields, this is already correct. If you built the form yourself, add the attributes.
How we test it, and who passes ›97%of 37 audited stores fail this
Single Full Name field (not first + last)
Two fields cost two taps and two keyboard focuses on mobile. Baymard research shows a single Full Name field measurably lifts checkout completion, especially on phones.
- ■Replace two name inputs with one "Full Name" input.
- ■Set autocomplete="name" so browsers and password managers autofill it in one shot.
- ■Only split into First/Last if you have a real downstream system that requires them separately, and then split server-side, not in the UI.
How we test it, and who passes ›97%of 36 audited stores fail this
Ship-to same as billing offered as default
For most orders, billing and shipping addresses are the same. Making the buyer re-enter their address is duplicate work and a common source of typos.
- ■Add a checkbox above the billing address: "Billing address same as shipping".
- ■Check the box by default. Only reveal the billing address form when the buyer unticks it.
- ■Preserve the shipping address values as read-only summary text so the buyer can confirm.
How we test it, and who passes ›95%of 37 audited stores fail this
Autocomplete attributes set correctly (given-name, family-name, cc-number, etc.)
WCAG 2.2 requires autocomplete on personal-info fields for accessibility. Beyond compliance, correct autocomplete makes checkout a 2-tap experience for returning buyers, huge for mobile conversion.
- ■Add the correct `autocomplete` attribute to each field: `given-name`, `family-name`, `email`, `tel`, `street-address`, `address-line1`, `address-line2`, `postal-code`, `country`.
- ■Never set `autocomplete="off"` on personal-info fields. Some browsers ignore it anyway; the ones that respect it break your buyers' autofill.
- ■For payment fields, use `cc-number`, `cc-exp`, `cc-csc`, `cc-name`. See the mobile card autofill finding below.
How we test it, and who passes ›94%of 36 audited stores fail this
Delivery expectation shown before final purchase
Delivery timing is often the deciding factor between two stores. If your competitor tells the buyer "arrives Tuesday" and you say nothing, you lose. Especially for gifts.
- ■Show the estimated delivery date on the order summary before the pay button.
- ■For orders with a shipping method choice (standard vs express), show the date for each option so the buyer can trade cost for speed.
- ■Repeat the date on the order-confirmed screen and in the email so expectations are set.
How we test it, and who passes ›92%of 36 audited stores fail this
Address autocomplete (Google/Loqate) present
Address autocomplete cuts address-entry time roughly in half on mobile and drops delivery-failure rates from typos. It also feels premium, buyers notice.
- ■Add Google Places Autocomplete (free tier is generous) or Loqate/SmartyStreets if you ship internationally.
- ■For Shopify: enable Shop Pay, or the checkout autocomplete extension in Shopify Plus.
- ■Once autocomplete fills the address, offer to just show "Edit" instead of the full form. Cleaner and confirms the address at a glance.
How we test it, and who passes ›