모든 폼 요소에 label ?
본문
폼 형식이 label 이 필요한 경우에는
<label for=''>레이블</label><input ..../>
이런식으로 사용하면 될것 인데..
쓴다면.. 안보이게해서 hidden 속성을 줘야 하는 상황에서..
'레이블' 이라는 글자가 필요없는 폼 요소에도 label 을 사용해야 할까요?
사용한다면 이게 웹 접근성에 효용이 있는 것일까요? hidden 인데...
<label for=''>레이블</label><input ..../>
이런식으로 사용하면 될것 인데..
쓴다면.. 안보이게해서 hidden 속성을 줘야 하는 상황에서..
'레이블' 이라는 글자가 필요없는 폼 요소에도 label 을 사용해야 할까요?
사용한다면 이게 웹 접근성에 효용이 있는 것일까요? hidden 인데...
답변 4
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. 넓이나 높이, 글씨크기 값을 조정하여 보이지 않도록 하더라도요. 이것은 스크린리더 사용자를 위한 대체 수단이 됩니다.
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">
다 아시는 내용일테지만 한번 적어봤습니다. ^^;;
감사합니다.. 이게 참.. 간단치 않네요 ^^;; G4S 작업이 참 고될것이라 짐작해봅니다. 화이팅요
이제 와서 보니 댕청한 답변이었네요. 잊고 있다가 알림이 와서 다시 보고 이불킥하고 갑니다. :)
감사합니다.
감사합니다.
정보감사합니다 ~^^
답변을 작성하시기 전에 로그인 해주세요.
