fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

Accessibility Issue

Joseph Campbell

The plugin stops users from properly accessing the variations when using keyboard navigation (tab key).

When can this be fixed?

Hakik Zaman

Hello Joseph,

Thanks for reaching out to us. Could you please put the below CSS at Appearance > Customize > Additional CSS and hit the Publish button-

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item):focus {
   box-shadow: 0 0 0 3px #000000 !important;
}

Then press the Tab key on the keyboard. I hope it will resolve your issue. Hope to hear from you soon.

Thanks

Hakik Zaman

Hello Joseph,

Thanks for informing us about this matter. I have tested and found screen reader sometimes reads the color name and sometimes does not.

I will refer this to our development team. I hope they will look into it.

Thanks

Joseph Campbell

Has there been any progress made to ensure the “color” variation swatches are properly read by screen readers?

Joseph Campbell

This would also be a good time to code the plugin to provide an abbreviate and full attribute description.

For example:

Page View: L
Tooltip: Large
Cart Display: Large

Your thoughts?