入力フォームのラジオボタンやチェックボタン。

クリックエリアがボタンだけだと狭くて難儀だと思ったら
文字もクリックエリアになるように
「ラベル」を設定しよう。

< input type > の id と
< label > の for の値を同じにすることで
設定できるそうです。

<input type="checkbox" id="check1"><label for="check1">チェックボタン１</label>
<input type="checkbox" id="check2"><label for="check2">チェックボタン２</label>
 
<input type="radio" id="radio1"><label for="radio1">ラジオボタン１</label>
<input type="radio" id="radio2"><label for="radio2">ラジオボタン２</label>

参考にしたのはwebクリエイターボックスさん。
シニア層のためのWebサイトユーザビリティ
シニア層を対象にしたスマートフォンサイトのユーザビリティ
5年前の記事でも全然古くなくてスゴイなぁ。

シニアにやさしいユーザビリティが、ひいてはどんなユーザーにも優しいってことなのね。