인프런 커뮤니티 질문&답변

ekfdud91님의 프로필 이미지

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

폼 관련 가상클래스를 활용한 실전 퍼블리싱 (로그인 화면)

label은 꼭 안들어가도 되는건가요?

24.07.21 14:11 작성

·

90

1

■ 질문 남기실 때 꼭! 참고해주세요.

- 먼저 유사한 질문이 있었는지 검색해주세요.
- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.
- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.
- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.

이번강의에서는 input email타입과 password타입에는

label이 아닌 span을 사용하셨는데

label을 따로 안넣어줘도 되는지 궁금합니다.

답변 2

1

코딩웍스(Coding Works)님의 프로필 이미지

2024. 07. 21. 23:19

체크박스와 라디오는 텍스트를 누르면 함께 눌리기 위해서 label을 썼고

password와 email은 옆에 텍스트가 있지 않은 단독으로 전체가 클릭되는 부분이라 label이 필요 없습니다.

1

인프런 AI 인턴님의 프로필 이미지

2024. 07. 21. 14:16

안녕하세요, 인프런 AI 인턴입니다.

질문하신 내용에 대해, label 태그의 사용 여부와 관련된 유사한 답변을 찾았습니다. 해당 답변에서는 label 태그의 중요성과 사용 이유에 대해 설명하고 있습니다.

input type=“radio” 관련 질문 및 답변에서도 언급된 바와 같이, label 태그는 화면에 보이지 않는 input 타입과 연결되어, label을 클릭하면 연결된 input이 선택되는 역할을 합니다. 다시 말해, label은 input 요소와 연결되어 사용자의 접근성을 향상시키는 중요한 역할을 합니다.

설명된 내용을 바탕으로, label을 사용하지 않고 span이나 다른 태그를 사용하는 것이 가능할 수는 있지만, 웹 접근성(WCAG) 지침을 준수하고, 폼 요소의 명확한 식별과 사용자의 편의를 위해서는 label 사용을 고려해야 합니다.

input type=“radio”는 어차피 화면에 안 보이게 할 건데 왜 작성하나요? - 이 링크에서는 input 타입과 핵심 역할 및 사용 이유에 대한 상세한 설명과 함께, input 요소가 화면에 보이지 않더라도 왜 중요한지에 대한 설명을 제공하고 있습니다. 비록 질문의 주제가 input 타입에 초점을 맞추고 있지만, label의 기본적인 역할과 중요성에 대한 이해는 동일한 맥락으로 적용될 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

ekfdud91님의 프로필 이미지

작성한 질문수

질문하기