Cart Accessibility for Low Vision Shoppers: Beyond Screen Readers
2026-10-27
Accessibility conversations about vision usually jump straight to blindness and screen readers. But the far larger audience is people with low vision: shoppers using magnification, large text, and strong glasses, working hard to read a cart that was designed for twenty twenty eyes.
Their needs are different, practical, and mostly cheap to meet. They are also easy to test for, because you can simulate most of them with your browser zoom and ten honest minutes.
Zoom is the first test and most carts fail it
Set the browser to 200 percent and try to complete the cart. In failing carts, the layout breaks into horizontal scrolling, sticky summary bars cover the items, and the checkout button slides off somewhere unreachable.
A cart that reflows into one clean column at high zoom serves low vision shoppers, phone shoppers, and anyone with a cracked small screen. Reflow is not a special feature. It is the layout doing its job under pressure.
Contrast where the money lives
Prices, totals, and error text are the highest stakes text in the cart, and they are routinely the palest. Grey totals on white, light red error text, and placeholder style promo fields all fall below the contrast low vision shoppers need.
Check the numbers first: item prices, the subtotal, shipping, and the grand total. If those pass a contrast checker at 4.5 to 1 for normal text, the cart's most important reading is safe. Decorative text can be forgiven; totals cannot.
Focus you can actually see
Keyboard and switch users with low vision navigate by the focus indicator, and the default thin outline vanishes against busy product images. A thick, offset, high contrast focus ring is the difference between navigation and guessing.
Test by tabbing through the cart and watching where focus goes after you remove an item. In weak carts it teleports to the top of the page. In good ones it lands somewhere sensible and visibly waits for you.
Do not let colour carry the message
Sale prices in green, errors in red, success in a different green: colour only communication excludes low vision and colour blind shoppers alike. Pair every colour signal with a label or an icon that survives in greyscale.
The strikethrough on a was price, the word Sale, the text of the error message itself, these are the carriers that work. A cart that reads clearly in black and white reads clearly for everyone.
Related reading
These earlier guides go deeper on connected questions: Screen Reader Announcements for Cart Subtotals and Changes, Gift Wrap and Add Ons Without Accessibility Traps in the Cart, and Keyboard Only Carts: Can a Shopper Buy Without Ever Touching a Mouse.
Frequently asked questions
What zoom level should a cart support?
WCAG asks for content to work at 200 percent zoom without loss, and good responsive carts handle 400 percent in portrait widths gracefully. Test at both, but treat 200 as the non negotiable line.
Are larger fonts alone enough for low vision shoppers?
No. Size without contrast, spacing, and reflow still fails. Text that grows but overlaps, clips, or forces sideways scrolling is worse than smaller text that behaves. The whole layout has to participate.
Should carts offer a high contrast mode toggle?
A toggle can help, but it is not a substitute for a default design that already passes contrast ratios. Many shoppers never find toggles. Build the accessible version as the version.
How do I test for low vision without specialist tools?
Zoom the browser, squint at arm's length, and turn on greyscale. Then give the cart to an older relative and watch silently. Observation of one real shopper finds more than a week of automated checks.