Skip to content
Even Entry home
Book a call

The variant picker and the product gallery

We made the product pictures reachable by keyboard on a narrow screen, so shoppers could scroll through every one. Then we checked the fix once it was live.

Store
Larchfold, our own test store
Found
September 24, 2026
Fixed
September 28, 2026
Whose code
The theme's product gallery
Canvas High's product page on a laptop, with size 7 chosen by the keyboard and outlined.

Product gallery reachable by keyboard

  • Ready on an unpublished copy
  • Live and checked, September 28, 2026
Larchfold, our own test store, as we checked it by keyboard on October 16, 2026. The picture shows today's theme; we made and checked the fix on the one before.

The product pictures were out of the keyboard's reach

On a narrow screen, the pictures sat in a strip that scrolls sideways. The keyboard couldn't stop anywhere in it, so shoppers who use one went straight past every picture. It's the theme's code, so your developer can change it.

A drawing, since that theme held test products, not real ones. The strip the day we found it, September 24, 2026, then with its ring after the fix.

Two lines, in one file

Now the keyboard can stop on the strip, and a ring shows around it. Screen readers name it Gallery Viewer, the theme's own label.

For your developer

Adds tabindex="0" and an aria-label (the theme's products.product.media.gallery_viewer text) to the scrolling list in snippets/product-media-gallery.liquid.

snippets/product-media-gallery.liquid

  id="Slider-Gallery-{{ section.id }}{{ id_append }}"   class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile"   role="list" Added:   tabindex="0" Added:   aria-label="{{ 'products.product.media.gallery_viewer' | t }}" >

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 September 28 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. ,  13:33:41 UTC

    We found the problem

  2. ,  17:27:25 UTC

    We wrote the fix

  3. ,  17:27:45 UTC

    We put it on an unpublished copy

  4. ,  12:20:31 UTC

    We saw it live

  5. ,  12:55:25 UTC

    We no longer found the problem

  6. ,  12:55:26 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. The product picture

    The keyboard stops on it, and a ring shows.

  2. Add to cart

    Tab brings a ring to it.

  3. Size 7 chosen

    Picked with an arrow key.

Watch the whole keyboard check, just over three minutes

Read every step of the check, written out

What else we found nearby

  • Sold-out sizes

    Sizes 9 and 10 are struck through in pale gray on cream, 3.95 to 1 where small text needs 4.5 to 1.

    Whose code
    The theme, Dawn

    Fix written, not live; a person will decide if sold-out sizes count

  • Quantity field

    On every product page we checked, it has no label tied to it, so a screen reader may not say what it's for.

    Whose code
    The theme, Dawn

    Still found October 22; no fix written yet

  • Reviews' Sort by list

    Nothing shows when the keyboard reaches it, though the Filters button beside it shows a ring.

    Whose code
    An app, Judge.me

    Found October 16; the change is the app maker's

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