21. 레이블 제공

사용자 입력에는 대응하는 레이블을 제공해야 한다.

  1. 1) 레이블이 시각적으로 노출되어 있는 경우

    입력 서식과 레이블을 1:1로 매칭한다.

    오류 사례
    소스 코드 
    <span>아이디</span>
<input type=”text” />
    해결 방안 
    <label for=”user_id”>아이디</label>
<input type=”text” id=”user_id” />
  2. 2) 레이블이 시각적으로 노출되어 있지 않은 경우

    1:1로 매칭하거나 입력 서식에 title을 제공한다.

    오류 사례
    소스 코드 
    <input type=”text” placeholder=”아이디” />
    해결 방안 
    <label for=”user_id”>아이디</label>
<input type=”text” id=”user_id” />
또는
<input type=”text” id=”user_id” title=”아이디” />