CartComply blog
The quantity picker is the first interactive control most shoppers touch in a cart, and it is where keyboard access quietly dies on otherwise decent stores....
- Free-Shipping Progress Bars: The Threshold Message Screen Readers Never HearA free-shipping progress bar is a status update, and screen reader users never hear it, because the bar is drawn with divs and the message lives in text that is not announced.
- The Cart Close Button With No Name: Icon-Only Controls and WCAG 4.1.2A cart close button that is just an X has no accessible name, and a screen reader announces it as button, nothing more. WCAG 4.1.2 requires a name, and the fix is one attribute.
- Cart Live Regions: When a Polite Announcement Arrives Too LateA screen reader user who removes an item from the cart needs to hear it now, not after the next focus change. The choice between aria-live polite and assertive is a timing decision, and most carts get it backwards.
- Guest Checkout From the Cart: The Keyboard Flow Nobody TestsThe guest checkout path from the cart is where keyboard users get stranded: a focus trap in the address form, an error that appears nowhere near the field, a continue button that only a mouse can reach. Test it with the
- When a Cart Item Is Removed, Where Does Focus Go?Remove a cart item and the element holding keyboard focus disappears with it, dropping focus to the top of the page. Move focus deliberately to the next item, or the cart heading when the cart is empty.
- Quantity Steppers That Announce Themselves: Live Regions in the CartChange a quantity in the cart and a screen reader user hears nothing, unless the change is announced through a live region. One short sentence is the whole announcement: the item, the new quantity, the new line total.
- Cart error messages that name the field that failedA shopper enters a discount code, taps apply, and the cart says something went wrong. Nothing else. No field named, no reason given, no way forward except guessing. That message is not just bad
- Mini cart keyboard traps: the focus test that catches themAdd a product to the cart, and a drawer slides in from the right. A mouse user clicks the X and moves on. A keyboard user presses Tab and the focus goes somewhere behind the drawer, into the page
- Accessible quantity steppers: the cart control screen readers mangle mostThe plus and minus quantity stepper looks like the simplest control in the cart and fails accessibility audits more often than the checkout form does. Buttons with no accessible name, a quantity announced as an editable
- Shipping method radio groups in the cart: where accessible names go missingShipping options in the cart drawer or checkout are usually a radio group wearing a costume: cards you can click, with prices, speeds, and carrier names. Under the costume, the group often has no fieldset, no shared grou
- Cart drawers and focus: what a keyboard user actually hits on your storeThe slide out cart drawer is where accessible stores quietly fail. Focus jumps behind the drawer, the close button has no name, and the checkout button sits unreachable at the end of a tab order that tours the whole page
- Promo code errors in the cart: announce the failure, keep the code, say what was wrongA rejected promo code is a small moment that stores handle badly in three accessible ways at once: the error appears as a flash of red text no assistive technology announces, the entered code vanishes so the shopper must
- Accessible Quantity Steppers in the Cart: The Buttons Nobody Labels2026-11-02
Cart drawers that close and dump keyboard focus at the top of the page fail WCAG focus order. Where focus should return, and how to test it.
- Accessible Gift Card Messages in the Cart: Balances People Can Actually Hear2026-11-02
Cart drawers that close and dump keyboard focus at the top of the page fail WCAG focus order. Where focus should return, and how to test it.
- When the Cart Drawer Closes, Focus Has to Go Somewhere2026-11-02
Cart drawers that close and dump keyboard focus at the top of the page fail WCAG focus order. Where focus should return, and how to test it.
- Loyalty Points in the Cart: The Message Screen Readers Never Hear2026-11-02
Points balances and earn messages in carts are often visual only updates. Making loyalty information in the cart perceivable under WCAG.
- Quantity Selectors Are Where Accessible Carts Quietly Fail2026-11-01
Plus and minus buttons with no accessible name, steppers a keyboard cannot reach: quantity controls break WCAG in ordinary ways.
- Free Shipping Threshold Messages: Progress Bars Nobody Can Hear2026-11-01
You are $12 away from free shipping is useful only if everyone gets the message. How threshold nudges fail non visual shoppers.
- Accessible Promo Code Fields: The Cart Step Everyone Fails Quietly2026-10-31
The promo code field is the smallest control in the cart and one of the worst built. It hides behind a collapsed link with no accessible name, applies with...
- Cart Error Messages a Screen Reader Can Actually Use2026-10-31
Cart errors cluster at the worst moment: the shopper has committed, the card details are in, and something is wrong with a quantity, a delivery postcode, or...
- Accessible Quantity Pickers: The Cart Control Keyboard Users Hit First2026-10-30
The quantity picker is the first interactive control most shoppers touch in a cart, and it is where keyboard access quietly dies on otherwise decent stores....
- Cart Drawer Focus: Where Focus Goes When the Drawer Opens and Closes2026-10-30
The slide in cart drawer is now the default on a large share of stores, and it is a focus trap in both senses when it is built carelessly. A shopper adds an...
- Promo Code Entry in the Cart: Where Accessible Carts Still Fail2026-10-29
The promo field is small, collapsed, and often unnamed for assistive tech. WCAG labelling, error, and focus problems in discount code entry, and the fixes that cost almost nothing.
- When a Cart Error Wipes the Form: An Accessibility Failure, Not a Nuisance2026-10-29
Losing entered data after a cart error hits keyboard, screen reader, and cognitively disabled shoppers hardest. What WCAG says about error recovery and preserving input.
- Cart Accessibility for Voice Control Users: Names Are the Interface2026-10-28
Voice control shoppers operate your cart by speaking the names they see. When visible labels and accessible names disagree, the cart becomes unusable. How to align them.
- Accessible Cart Undo: Bringing Back Removed Items Without Panic2026-10-28
Removing an item by accident is a common cart moment. An undo path that keyboard and screen reader shoppers can actually use turns a small disaster into a two second fix.
- Accessible Quantity Steppers: The Small Cart Control That Breaks Often2026-10-27
Plus and minus buttons look trivial and fail constantly for keyboard and screen reader shoppers. What an accessible quantity stepper needs to do, and how to test yours.
- Cart Accessibility for Low Vision Shoppers: Beyond Screen Readers2026-10-27
Low vision is the largest vision related audience in ecommerce and the least designed for. Contrast, zoom, and focus habits that make carts usable without magnification miracles.
- Gift Wrap and Add Ons Without Accessibility Traps in the Cart2026-10-26
Gift wrap, gift messages, and small add ons are common in carts and commonly broken for assistive technology. How to offer them so every shopper can use them.
- Screen Reader Announcements for Cart Subtotals and Changes2026-10-26
When a cart total changes silently, screen reader users lose the plot. How live regions should announce subtotals, discounts, and quantity changes without nagging.
- Accessible Cart Error Messages: Helping Shoppers Fix Mistakes Without Starting Over2026-10-25
Cart errors that only appear as red outlines exclude shoppers who cannot see them. How to write and place error messages everyone can find and fix.
- Keyboard Only Carts: Can a Shopper Buy Without Ever Touching a Mouse2026-10-25
Many shoppers navigate entirely by keyboard. Testing whether a cart and checkout can be completed that way reveals blockers no visual review will find.
- Accessible Cart Promotions: Discounts Everyone Can Actually Apply2026-10-24
Promo codes, automatic discounts, and savings summaries are common cart failure points for assistive technology users. How to build promotions that work for everyone.
- Session Timeouts at Checkout: Warning Shoppers Before Time Runs Out2026-10-24
Checkout sessions expire to protect shoppers, but silent timeouts punish people who need more time. How to warn, extend, and preserve cart contents accessibly.
- Accessible Quantity Controls in the Cart: Steppers, Inputs, and Screen Readers2026-10-23
Quantity controls are used on every cart visit and failed by many shoppers. Stepper buttons, direct inputs, and live announcements each serve different users, and a compliant cart needs the right mix.
- The Error Summary at Checkout: Accessible, Specific, and Worth Reading2026-10-23
When checkout validation fails, an error summary decides whether the shopper recovers or leaves. An accessible summary names every problem, links to its field, and appears where assistive technology will find it.
- Accessible Cart Drawers: Focus Traps, Announcements, and Escape Routes2026-10-22
Slide-out carts are everywhere on Shopify, and most of them trap keyboard users or say nothing to screen readers. The fixes are specific: move focus on open, announce changes, and always leave a way out.
- Accessible Order Notes and Delivery Instructions: The Forgotten Cart Fields2026-10-22
Gift messages, delivery instructions, and order notes are where accessibility quietly breaks: unlabeled textareas, character counters nobody announces, and instructions that vanish between cart and checkout.
- Accessible Gift Card Flows in the Cart: Codes, Balances, and Error Messages2026-10-21
Gift cards add fields, balances, and error states that carts often build last and test least. Accessible flows label every field, announce balance changes, and explain errors in words.
- Accessible Quantity Controls in the Cart: Steppers, Inputs, and Focus2026-10-21
Quantity steppers look trivial and break often. Tiny buttons, inputs that reject typing, and totals that update silently make a basic cart task harder than it should be for many shoppers.
- Accessible Preorder Notices in the Cart: Dates, Charges, and Plain Language2026-10-20
Preorder notices fail when ship dates and charge timing are shown only as small visual text. Accessible carts state the terms in plain language, in reading order, for every shopper.
- Accessible Subscription Controls in the Cart: Pause, Skip, and Cancel Without Traps2026-10-20
Subscription controls in the cart must be as easy to use with a keyboard or screen reader as the buy button was. Hidden pause and cancel paths are both an accessibility failure and a trust failure.
- Accessible Loyalty Points in the Cart: Balances, Sliders, and Errors Everyone Can Use2026-10-19
Loyalty points controls in the cart are often tiny custom widgets that keyboards and screen readers cannot operate. Labeling the balance, making apply controls real buttons, and announcing the new total makes points usable for everyone.
- Gift Options in the Cart: Wrapping, Messages, and Recipient Fields Without Barriers2026-10-19
Gift wrap toggles, message boxes, and send to recipient options are added to carts late and tested least. Grouping them with clear headings, keeping message limits announced, and labeling every field keeps gifting open to all shoppers.
- Accessible Product Filters: Facets That Keyboard and Screen Reader Shoppers Can Actually Use2026-10-18
Filter sidebars fail accessible shoppers in predictable ways: divs pretending to be checkboxes, result counts never announced, and pages that reload without warning. The patterns that fix filtering are well known and rarely applied.
- Accessible Variant Pickers: Size and Color Swatches That Work Without Sight or a Mouse2026-10-18
Swatch pickers are where product pages quietly exclude shoppers: color dots with no names, size grids that are not buttons, out of stock states conveyed by a faint line. Naming, grouping, and announcing fixes the whole pattern.
- Accessible Guest Checkout: Forms That Do Not Punish Shoppers for Skipping the Account2026-10-17
Guest checkout forms often hide their worst accessibility problems: unlabeled email fields, address lookups that trap keyboard users, and error handling that assumes sight. A field by field review.
- The Forgotten Page: Making Order Confirmation and Tracking Accessible2026-10-17
Confirmation pages carry the information shoppers need most after buying, order numbers, delivery windows, return paths, yet they are rarely audited. What an accessible confirmation includes.
- Accessible Shipping Options in the Cart: Radio Groups Done Right2026-10-16
Shipping choices in the cart are often clickable cards that keyboards and screen readers cannot operate. Real radio semantics fix selection, pricing, and delivery dates.
- Accessible Free Shipping Progress Bars in the Cart2026-10-16
Free shipping progress indicators motivate shoppers, but as pure visuals they exclude screen reader users. Announcing progress accessibly, step by step.
- Promo Code Fields in the Cart: Small Box, Big Accessibility Failures2026-10-15
Discount code fields fail shoppers in predictable ways: hidden behind toggles screen readers miss, errors announced nowhere, and applied discounts that vanish silently. How to build a promo field that every shopper can use and trust.
- Cart Error Messages People Can Actually Act On2026-10-15
Out of stock after adding, quantity limits, expired carts: cart errors are where checkouts quietly die. What makes an error message accessible and useful, and the patterns that leave keyboard and screen reader users stranded.
- Accessible Cart Quantity Controls: Making Plus, Minus, and Remove Work for Everyone2026-10-14
Quantity steppers and remove links are small controls with outsized accessibility failures: tiny targets, silent updates, and focus loss. How to build cart quantity controls that keyboard and screen reader users can operate with confidence.
- Focus Order in the Cart Drawer: A Practical Check for Keyboard Shoppers2026-10-13
Cart drawers are where keyboard focus goes to get lost. How focus order breaks inside slide-out carts, a five-minute check you can run today, and the fixes that matter.
- Skip Links at Checkout: The Two Lines of Code That Save Keyboard Users2026-10-12
Keyboard users tab through dozens of header links before reaching your checkout form. Skip links cut the marathon to one keystroke. How to implement them right.
- Focus Management at Checkout: Guiding Keyboard Users Through Every Step2026-10-11
Each checkout step should move keyboard focus deliberately. When focus lands nowhere, keyboard users are stranded mid-purchase.
- Accessible Express Payment Buttons: Making Shop Pay and Apple Pay Work With Screen Readers2026-10-10
Express buttons often announce as unlabeled iframes. How to label them, order them in the tab sequence, and test them with real assistive technology.
- Accessible Shopify Navigation: Mega Menus That Work for Keyboard Users2026-10-05
Mega menus are some of the least accessible parts of a Shopify store: hover-only panels, keyboard traps, and missing landmarks. How to audit and fix yours.
- Is Your Shopify Theme's Color Contrast Accessible? A Practical Check2026-10-03
Low-contrast text is the most common accessibility failure in Shopify themes. How to check your color contrast, where the failures hide, and the fixes that take minutes.
- Alt Text at Catalog Scale: Making Product Images Accessible Without a Thousand-Hour Project2026-10-02
Product image alt text is the most skipped accessibility task in ecommerce. A priority order that makes catalog-scale alt text shippable, what good descriptions actually say, and how to automate without errors.
- Form Labels and Error Messages: The Accessibility Gaps Most Shopify Stores Miss2026-10-01
Missing labels, placeholder-only fields, and silent error messages block shoppers from completing forms. The label fixes, accessible error patterns, and the quarterly form audit routine most stores skip.
- Are your Shopify mega menus accessible?2026-09-30
Mega menus hide navigation behind hover-only triggers, silent state changes, and focus that goes nowhere. What an accessible mega menu requires on Shopify.
- Is your Shopify mobile menu accessible?2026-09-27
Hamburger menus hide navigation behind traps, silent state changes, and focus that goes nowhere. What an accessible mobile menu actually requires.
- Is your Shopify search accessible?2026-09-25
Unannounced autocomplete, keyboard traps in filters, and silent result updates. Site search is a money page that almost nobody accessibility-tests.
- Is your Shopify cart drawer accessible?2026-09-24
Trapped focus, silent quantity changes, and unlabeled remove buttons. The slide-out drawer is a money page that fails basic keyboard and screen reader checks constantly.
- Are your Shopify discount codes accessible?2026-09-23
Unlabeled inputs, silent error messages, and discounts that vanish on cart updates. The coupon field is a money page and it fails accessibility checks constantly.
- Are your Shopify product images accessible?2026-09-22
Empty alt text, text baked into images, and badly announced variant swatches are the usual failures on product pages.
- Can an inaccessible checkout get your store sued?2026-09-14
Yes. The purchase path is the most-cited flow in ADA website demand letters, because it is where a blocked user suffers the clearest harm: they cannot buy. Unlabeled discount and...
- How do you test a Shopify cart with only a keyboard?2026-09-14
Start at a product page and complete the full path using Tab, Shift plus Tab, Enter, Space, and Escape only. Confirm every control receives visible focus, variants can be...
CartComply blog
The slide in cart drawer is now the default on a large share of stores, and it is a focus trap in both senses when it is built carelessly. A shopper adds an...
CartComply blog
Plain answers to the questions Shopify brands ask about ADA compliance, WCAG 2.2, and accessibility monitoring.