ラジオボタンの丸を消すときに display: hidden を使わない
HTML+CSSでラジオボタンの先頭についている選択マークを消すとき、display: hidden;を使うとアクセシビリティが下がる。
キーボードなど、順番に選択していく方法で選択できなくなるため。
キーボードの場合、ふつう、Tabキーでラジオボタンにフォーカスを当てられるし、そのあと矢印キーで選択を変えられる。
代替案がいくつかあるので使うと良い。
例: width: 0; height: 0;
https://stackoverflow.com/q/51207650/5989200