input&label 웹 접근성에 맞는 코딩

input & label 웹 접근성에 맞는 코딩법

1. input 과 label을 동시에 쓰는 경우

     --> label의 for와 input 아이디를 연동 시켜줘야함. 

1 2 3 4

<div> <label for="input id">이름</label> <input type="text" id="id"/> </div>

2. input만 쓰는 경우

     --> 디자인 상 label을 사용하지 않을 경우 title만 적어줘도 문제없음

1 2 3

<div> <input type="text" id="id" title="이름"/> </div>

3. input type="image"를 쓸 경우

     --> 웹 접근성 연구소에서는 이 경우 alt와 title을 둘다 명시에 줄것을 권고함.

1 2 3

<div> <input type="image" id="id" ait="검색" title="검색 결과 보기"/> </div>

참조 : http://www.wah.or.kr/Example/wcag_valu.asp?cate=60