labelをフォーム部品に関連付ける
やりたいこと
<label>
をクリックしたときに、フォーム部品をクリックしたときと同じ動作を行う
方法
label要素の
for属性
にフォーム部品のidを指定する
code:html
<li>
<input type="checkbox" id="item1" />
<label for="item1">アイテム1</label>
</li>
スクリーンリーダー
のためにもfor属性を記述したほうがよい