Why do my image buttons have a double border?
When you add image buttons using WooCommerce Product Options, you may notice that a double border appears around the choice when it is selected:
This is for accessibility reasons and is necessary for users who navigate a page with a keyboard rather than a mouse. It works as follows:
- A single border indicates that the choice is currently in focus but not selected.
- A double border indicates that the choice is both in focus and selected.
You could use custom CSS code to change this behavior. However, we don't recommend it because the two border states are needed to meet accessibility guidance.
If searching the knowledge base hasn't answered your question, please contact support.