# Cart Error Messages People Can Actually Act On

Source: https://cartcomply.com/blog/2026-10-15-accessible-cart-error-messages.html

2026-10-15

Every cart eventually tells a shopper no. The item sold out while they browsed. The quantity they want exceeds stock. A code expired, an item was recalled from the assortment, a price changed. These moments are unavoidable. What is avoidable is how many of them end the purchase because the message was invisible, incomprehensible, or impossible to act on.

Cart errors get less design attention than form errors, and it shows. They appear as auto dismissing toast banners, as red text far from the item involved, or as a silent change where an item simply disappears from the list and the total drops without a word of explanation.

## Say what happened, to which item, in plain words

Compare two messages. Something went wrong, please review your cart. And: the linen shirt in medium sold out while you were shopping, so we removed it; the rest of your cart is unchanged. The second message is longer and infinitely more useful. It names the item, admits what the store did, and scopes the damage so the shopper does not recheck every line.

Plain words matter because cart errors arrive stressed. Shoppers are mid purchase, often on a phone, often with limited time. Jargon like inventory allocation failure, or blame phrased as invalid quantity selection, forces translation work at the worst moment. Write the message you would say out loud at a till, then shorten it.

## Announce it where assistive technology will find it

A toast that appears for five seconds at the top of the screen is a rumor, not a message. Screen reader users browsing the cart items may never encounter it, keyboard users cannot reach it before it vanishes, and shoppers who blinked miss it entirely. When they later notice the total changed, they have no story for why, and unexplained price changes read as dishonesty.

Errors belong in two places at once: in a persistent summary region that assistive technology announces when the error occurs, and inline beside the item concerned, where it stays until the situation changes. Nothing about a cart error is improved by it disappearing. Let the shopper dismiss it after they have had the chance to read and act on it.

## Every error needs a next action within reach

An error that only informs is half a feature. The sold out item should offer its alternatives or a notify option right in the message. The quantity limit should state the maximum and set the field to it, or offer to proceed at the allowed quantity, instead of resetting the shopper's input to one and making them guess what happened.

Keep the action in the message's neighborhood. Sending a keyboard user to the top of the page to fix a problem on the third cart item, or a phone user hunting through the drawer for a button described in a banner that already vanished, converts a recoverable hiccup into an abandonment. The fix, the item, and the explanation should share a screen and a reading order.

## Color is not a message

Red text, a red border, a shaking field: the visual vocabulary of cart errors is rich, and none of it reaches shoppers who cannot see red, cannot see the screen at all, or are looking at a sunlit phone display. Every error state needs a text equivalent, an icon with a text label where icons are used, and wording that does not rely on position phrases like the item above.

Test the drawer the way errors actually happen. Add an item, sell it out in another tab, then try to check out using only a keyboard, then only a screen reader. Note where the journey stalls or silently changes. That ten minute exercise finds more real cart error problems than a month of debating message wording in a document.

## Related reading

These earlier guides go deeper on connected questions: [Accessible Cart Quantity Controls: Making Plus, Minus, and Remove Work for Everyone](https://cartcomply.com/blog/2026-10-14-accessible-cart-quantity-controls.md), [Focus Order in the Cart Drawer: A Practical Check for Keyboard Shoppers](https://cartcomply.com/blog/2026-10-13-cart-drawer-focus-order.md), and [Skip Links at Checkout: The Two Lines of Code That Save Keyboard Users](https://cartcomply.com/blog/2026-10-12-skip-links-checkout-keyboard-users.md).

## Frequently asked questions

### What should a cart error message include?

The item it concerns, what happened in plain words, what the store changed as a result, and the next action available to the shopper. Messages like something went wrong force shoppers to audit their whole cart to find the problem, and many simply leave instead.

### Why are toast notifications bad for cart errors?

Because they vanish. Screen reader and keyboard users may never reach or hear them, and sighted shoppers miss them while looking elsewhere. Cart errors should persist beside the item and in an announced summary until the shopper dismisses them or the situation is resolved.

### How should a quantity limit error work?

State the maximum available, keep or set the shopper's quantity to that maximum, and let them proceed without retyping. Resetting the field silently or rejecting the whole update makes the shopper guess the rule. The limit is store information, so the store should do the arithmetic.

### Can color alone show a cart error?

No. Color does not reach screen reader users, shoppers with color vision deficiency, or anyone glancing at a washed out phone screen. Every error needs text that stands on its own, placed with the item it concerns and announced when it appears.

## Get a free accessibility audit of your website

[Free accessibility audit](mailto:hello@cartcomply.com?subject=Free%20accessibility%20audit%20-%20cartcomply.com)
