테스트 사이트 - 개발 중인 베타 버전입니다

모든 폼 요소에 label ? 채택완료

byfun 12년 전 조회 7,664
폼 형식이 label 이 필요한 경우에는



<label for=''>레이블</label><input ..../>



이런식으로 사용하면 될것 인데..



쓴다면.. 안보이게해서 hidden 속성을 줘야 하는 상황에서..

'레이블' 이라는 글자가 필요없는 폼 요소에도 label 을 사용해야 할까요?



사용한다면 이게 웹 접근성에 효용이 있는 것일까요? hidden 인데...
댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
지운아빠
12년 전
1. 가급적 label 을 사용하는 것이 좋습니다.

2. 넓이나 높이, 글씨크기 값을 조정하여 보이지 않도록 하더라도요. 이것은 스크린리더 사용자를 위한 대체 수단이 됩니다.

3. label 은 조그만 체크박스나 라디오 버튼을 누르기 어려운 분들을 위한 대체 수단이 되기도 합니다. 손떨림 등

4. label 을 사용하기 어려울 경우 input 요소에 title 속성값을 설정하여 대체할 수 있습니다.

5. 하지만 title 속성값으로 대체하는 것은 일부 스크린리더에서 읽지 않는 이슈가 있습니다.

5. 모바일에서는 label 이나 title 대신 placeholder 를 이용하면 더 편리합니다.

6. 하지만 여전히 모든 기기에 대한 대응 이슈가 남아 있습니다.

7. 그러므로 모바일에서도 가급적 label 을 사용하는 것이 좋습니다.

8. label 을 사용하실 때는 명시적 방법을 사용하는 것이 좋습니다. <label for="id">아이디</label><input type="text" id="id">



다 아시는 내용일테지만 한번 적어봤습니다. ^^;;
로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

b
byfun
12년 전
감사합니다.. 이게 참.. 간단치 않네요 ^^;; G4S 작업이 참 고될것이라 짐작해봅니다. 화이팅요
지운아빠
7년 전
이제 와서 보니 댕청한 답변이었네요. 잊고 있다가 알림이 와서 다시 보고 이불킥하고 갑니다. :)

댓글을 작성하려면 로그인이 필요합니다.

정보감사합니다 ~^^

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

6년 전

감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

7년 전

감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인