html checkbox 웹 접근성

기존 작성
<label>A</label><input type="checkbox" name="testCheckBox" value="A" />
A
<label>B</label><input type="checkbox" name="testCheckBox" value="B" />
B
<label>C</label><input type="checkbox" name="testCheckBox" value="C" />
C

웹 접근성 고려해서 작성
<label for="testCheckBoxA">A</label><input type="checkbox" id="testCheckBoxA" name="testCheckBox" value="A" />
A
<label for="testCheckBoxB">B</label><input type="checkbox" id="testCheckBoxB" name="testCheckBox" value="B" />
B
<label for="testCheckBoxC">C</label><input type="checkbox" id="testCheckBoxC" name="testCheckBox" value="C" />
C

차이점은
label for로 해당 input id를 넣어줌으로서 label 클릭 시에도 체크박스 클릭이 됨.