I have a 'Select Size' swatch on my product page. I'm using the swatch code provided by Shopify. Everything is working except for accessibility. I want to be able to select a size using the 'tab' and 'enter' keys. Right now I can only select a size by clicking. I can tab to a particular size option, but pressing enter does nothing.
Do I just need to add a keypress event somewhere?
Does anyone have a similar problem or have any ideas?
Send me your store url.
May be you have to use key even Jquery for that.
I never got around to fixing this, but I notice that Shopify's free Brooklyn theme has a size selector that works. You can move through the sizes option with the arrow keys. https://themes.shopify.com/themes/brooklyn/styles/classic/preview
The code is in the product-template.liquid file, maybe you can find a solution there.