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 helpful
@ivcp
Posted
@AlexKMarshall Thanks for the tip! Will update.