Swatches and accessibility

[Alan15]

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?

Thanks

[Jasoliya]

Hi @Alan15 

Send me your store url.

May be you have to use key even Jquery for that.

[michaeldoxsey]

Has anyone at Shopify solved this issue?

[Alan15]

Hi,

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.