[HTML] aria-label

aria-label 속성은 현재 요소에 레이블을 정의하기 위해서 사용한다.

text가 화면 표시되지 않을 때 사용하며, 만약 화면에 텍스트가 보인다면

aria-labelledby를 대신 사용한다.

 

<button type="button" aria-label="Close" onclick="myDialog.close()">❌</button>

위와 같은 버튼이 있을 때 보조기기를 사용하는 사용자에게는 대화상자를 닫는 것임을 알려줄 수 있는 것이 없기 때문에 aria-label="Close"를 적어서 보조기기에 레이블을 제공한다.