JSX에서의 라벨링

 

스크린 리더를 사용하는 사용자를 위해 HTML 폼 컨트롤(<input>, <textarea>)은 자세한 설명이 담긴 라벨을 제공해야 한다.

표준 HTML에서의 라벨링 예시는 다음과 같다.

<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname"><br>

<input type="checkbox" name="subscribe" id="subscribe">
<label for="subscribe">Subscribe to newsletter</label>

JSX에서의 라벨링

 

리액트에서 라벨링을 할때  for어트리뷰트는 JSX에서의 htmlFor로 사용해야 한다.

<label htmlFor="namedInput">Name:</label>
<input id="namedInput" type="text" name="name"/>