Design comparison
SolutionDesign
Solution retrospective
Learning React. Any feedback welcome
Community feedback
- @AlexKMarshallPosted over 2 years ago
Well done on this. It's pretty close.
Good choice to use radio buttons for the input, but there's a small problem. When you use
display: none
on them, then they are not able to be focused, so you can't use this with a keyboard.Instead, use some kind of visually hidden technique on them instead, so they're still accessible to screen readers and keyboards. Here's an example https://piccalil.li/quick-tip/visually-hidden/
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin our Discord community
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