Card number field detects card type and shows icon
Card number field detects card type and shows icon.
What earns each verdict
Same outcomes on every UXFix rule · how verdicts workCard type icon appears based on BIN.
Icon shows generic card, not specific brand.
No visual card-type feedback.
Typing a card number doesn't show which card brand was recognized (Visa/Mastercard/Amex icon).
The brand icon lighting up is a small trust signal that the form understood the number. Its absence makes buyers double-check their typing.
Every published UXFix audit this rule could be judged on, as of 23 Sep 2026. A count of real stores, not a simulation of yours.
How we test it
Scripted walk, fresh signed-out browser · the full walk- 1Fresh browserSigned out, cookies cleared, desktop and mobile viewports, the store's live theme.
- 2Open a productA real, in-stock product page, found the way a shopper finds one.
- 3Add to cartDefault variant, quantity one, then the cart page itself.
- 4Walk the checkoutFrom the cart to the payment step. Nothing is ever bought.
- 5Judge this ruleAgainst the standard above, on what a shopper can see.
- 6Record the verdictPass, partial or fail, saved with the screenshot it was judged on.
The numbers behind the rule
Published UXFix audits · more statisticsScore weight: a fail costs 0.5 pts of of the 100-point score; a partial costs half that. Most-failed rank is among the 79 rules with enough published audits to report a rate.
The fix
The same steps a failing store sees in its reportA pass means: Card type icon appears based on BIN.
Score gain is roughly what a fail-to-pass change adds; rules that could not be judged are left out, which can move it a little. Re-run a free audit after the change ships to confirm the verdict moved.
Tick each step as you ship it. The audit judges the live store, so re-run it once all of them are done.
Every store that fails this rule
| # | Store | Score | Audited | Published audit |
|---|---|---|---|---|
| 1 | Wpswingswpswings.com | 57 | Open audit |
What our auditors say about this rule
The card icon is a small confirmation that the number went in right.
Written by the person who audits this rule, and reviewed every quarter.