aria-label 속성

  aria-label 속성 

 aria-label 속성이 필요한 경우 

 1. 레이블 텍스트가 없는 경우 

 <input> 필드에 <label> 요소가 없거나 시각적으로 레이블이 없는 경우에는 aria-label 이 필요합니다. 예를 들어, 검색 상자, 텍스트 입력 창 등에 추가하여 필드의 목적을 설명할 수 있습니다. 

 <input type="text" aria-label="Search"> 

 2. 레이블을 커스터마이징하고 싶은 경우 : 

 레이블을 커스터마이징하거나 추가 설명이 필요할 때도  aria-label 을 사용하여 스크린 리더가 필드의 의미를 더 잘 전달하도록 할 수 있습니다. 

 3. 아이콘만 있는 입력 필드 

   aria-label 은 화면에 보이는 레이블이 없고 아이콘으로만 이루어진 입력 필드에 유용합니다. 

 <input type="text" aria-label="Phone number"> 

<i class="icon-phone"></i> 

 

 aria-label 속성이 필요하지 않은 경우 

 1. 명확한 레이블이 있는 경우 

 <label> 요소로 이미 연결된 레이블이 있다면 aria-label 을 추가할 필요없음