STYLING

Unselected

BEST PRACTICE 1

Offer a default selection. Radio buttons must always have only one option selected. When a different is chosen, the previous one is automatically deselected. Also, this is a great way to guide users away from a unnecessarily difficult choice.

Do This

Don't Do This

BEST PRACTICE 2

Give more clickable space by using label tags as targets. Since these types of buttons are very small, they can be challenging to click. Help users out by including the associated words as select targets.

Do This

Don't Do This