I decided to breach the design instructions regarding active states of radio buttons. The design suggests that a checked radio button would acquire a light gray background, whereas a hovered-over one would get an orange background. This is in my opinion pretty misleading.
Normally, people associate a change of color with a change of state, and a big change of color with a samely big change of state. If a radio button was gray then turned orange, a user might suggest it has got checked! So, I flipped colors. A checked radio is orange, and a hovered-over one is light gray.
What do you think about this? Well done? Na-ah?
@yishak621
Posted
Cool design ...the hover color is grey and the active color is orange u r correct ...and also try to throw error when a rating btn is not clicked and a user clicks on submit
Marked as helpful
@MahdiAljazairi
Posted
@yishak621 Didn't think about this tbh. But maybe not an error message. I would just disable the submit button until the user chooses a radio. I think this is more logical in terms of usability.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
