label 의 사용 목적
첫빛
2023.04.01
여기저기 책을 보다가 label의 목적을 잘 모르겠습니다
책에서는 스크린리더 프로그램의 각 폼컨트롤에 해당하는 레이블을 올바르게 읽어준다
for속성에 연결되는 폼 컨트롤의 id값과 일치하는값을 지정하는것
와 체크박스 선택시 토글되는 영역이 넓어져서 체크박스영역과 레이블 텍스트 영역까지 폼함된다는점
이렇게 책에서 보았는데(실용예제로배우는 웹표준 2.0)
그 의미를 잘 모르겠습니다.
좀더 쉽게 말을 풀어서 설명해주실수있을까요?
그리고 레이블테그사이에 다른 인라인 엘리머트를 포함해도 되는가요? 이미지라던지 텍스트 크기라던지...
-
새꽃
감사합니다....^^
-
날개
사용성보다는 접근성을 위해 사용하는 것이 필요한 태그입니다. label태그를 씀으로 인해서 시각장애인 등이 입력 양식을 사용하는데 많은 도움을 받을 수 있습니다. 자세한건 \웹 접근성을 고려한 콘텐츠 제작기법\ 등의 문서를 참고하시면 좋겠네요. iabf 같은 곳에 올라와 있을 겁니다.
-
물고기자리
예를들어, radio나 checkbox의 선택이 필요할 경우 해당 radio나 checkbox를 선택하기 불편하죠-
하지만 label을 사용함으로써 해당 radio나 checkbox의 설명이 되어주는 부분을 클릭해도 선택이 가능하고요-
가장 큰 것은 UI적인 확장이 아닌가 생각됩니다.