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