Skip to content
Even Entry home
Book a call

The cart drawer and the way into checkout

We made the cart's small headings dark enough to read, for shoppers with low vision or anyone zoomed in. Then we checked the fix once it was live.

Store
Larchfold, our own test store
Found
October 9, 2026
Fixed
October 10, 2026
Whose code
The store's theme, Dawn
The store's cart drawer open over Canvas High's page. The keyboard is on the product's name in the drawer, outlined.

Make the cart table headings dark enough to read

  • Ready on an unpublished copy
  • Live and checked, October 10, 2026
Larchfold, our own test store, as we checked it by keyboard on October 16, 2026.

The cart's headings were too pale to read

The small headings over the cart, Product, Quantity and Total, were pale gray on cream. Anyone who needs stronger contrast had to squint, on the cart page and in the drawer. It's the theme's code, so your developer can change it.

Before,  4.38 to 1

The top of the cart page on a phone, October 10, 2026, before the fix. We've outlined the small headings Product and Total, which are pale.

After

After the fix, the headings "Product" and "Total" are darker, the same gray as the price and size under the shoe's name. There's no outline in this one.

Contrast is how much darker text is than its background. Small text needs at least 4.5 to 1.

The cart on a phone: October 10, 2026, before the fix, and October 11, after it.

One line, in one file

Dawn fades the cart's headings twice. We removed the second fade, so now they look like the rest of the cart's text, on the cart page and in the drawer. Nothing else changed.

For your developer

Removes opacity: 0.85 from .cart-items th in assets/component-cart-items.css, the file the cart page and the drawer share.

assets/component-cart-items.css

.cart-items th {   text-align: left;   padding-bottom: 1.8rem; Taken out:   opacity: 0.85;   font-weight: normal; }

On your store, each fix waits on an unpublished copy until you say yes. Then, if you're on Engage, your developer publishes it. On Resolve or Defend, we do.

Checked on the live store

On October 10 we saw the fix live. Same check, no sign of the problem.

Each time our checks finish, an outside service stamps the record with the date. So anyone can see if an entry was changed afterward.

The full record from our test store

  1. ,  05:51:08 UTC

    We found the problem

  2. ,  13:07:27 UTC

    We wrote the fix

  3. ,  11:46:27 UTC

    We put it on an unpublished copy

  4. ,  11:52:58 UTC

    We saw it live

  5. ,  11:53:00 UTC

    We no longer found the problem

  6. ,  11:53:00 UTC

    An outside service stamped the record

See it with only a keyboard

Press play for a short bit of our keyboard check. A computer voice points out three things, and you can read along. Our software recorded this one; on your store, a person signs off every check.

 of 

  1. Add to cart

    Tab brings a ring to it, and Enter adds the shoe.

  2. The drawer opens

    The keyboard moves into it, and stays there.

  3. Check out reached

    The ring shows, but the chat button covers its right end.

Watch the whole keyboard check, just over three minutes

Read every step of the check, written out

What else we found nearby

  • Chat button over Check out

    When the keyboard reaches Check out, the chat button covers its right end, but most of it stays in view.

    Whose code
    An app, Shopify Inbox

    It passes; we'd still tell you

See your own store next

On the call, we'll show you what we found on your store. Not sure which plan fits? We'll tell you which one, and what it costs.

Book a call