lang 속성
lang 속성
aria-labellang 속성은 <html> 태그에 설정하는 것이 필요한 경우
1. 레이블 텍스트가 없는 경우
<input> 필드에 <label> 요소가 없거나 시각일반적으로 레이블이 없는 경우에는 aria-label이 필요합입니다. 예를 들어, 검색문서가 상자한국어로 작성되었으면 lang="ko"를 지정하고, 텍스트영어로 입력 창 등에 추가하여 필드의 목적을 설명할 수 있습니다.
<input type="text" aria-label="Search">2. 레이블을 커스터마이징하고 싶은작성된 경우:
레이블lang="en"을 커스터마이징하거나 추가 설명이 필요할 때도 aria-label을 사용하여 스크린 리더가 필드의 의미를 더 잘 전달하도록 할 수 있습니다.
3. 아이콘만 있는 입력 필드
aria-label은 화면에 보이는 레이블이 없고 아이콘으로만 이루어진 입력 필드에 유용지정합니다.
<inputhtml type=lang="text" aria-label="Phone number">
<i class="icon-phone"></iko-KR">aria-labellang 속성은웹 접근성을 개선하고 SEO 성능을 높이는 중요한 역할을 합니다. 따라서 HTML 문서의 <html> 태그에 적절한 lang 속성을 설정하는 것이 필요하지 않은 경우
1. 명확한 레이블이 있는 경우좋습니다.
<label>요소로 이미 연결된 레이블이 있다면 aria-label을 추가할 필요없음