Skip to main content

alt 속성


  labelalt 속성

alt 속성은 <img> 태그

<label> 요소는 일반적으로 <input>, <textarea>, <select>와 같은 폼 필드와 연결하여에서 사용합됩니다.

<label>과

이미지의 폼내용이나 필드기능을 간결하고 정확하게 설명하는 for와텍스트를 id제공하는 속성으로것이 연결됩좋습니다.

<form>img <labelsrc="logo.png" for=alt="email">EmailCompany Address</label>
  <input type="email" id="email" name="email"> 
</formLogo">
 labelalt 태그를속성을 사용하지 않아도 되는 경우

  • 시각적으로이미지가 명확하게순수한 구분된장식용일 필드때: 폼이미지가 필드와 그에 대한 설명(예: 텍스트)페이 분명히 인식될 수 있도록지의 디자인된적 요소로만 사용되는 경우, 일부alt 사용자들속성은 빈 문자열(<label>alt="")로 없이도 필드의 목적을 이해할 수 있습설정합니다.

    • 이는
  • 스크린

    간단한 폼 필드: 예를 들어, <input type="text"> 필드리더가 이미 매우 직관적인 설명을 가지고 있고, 특별한 추가 설명이 필요하지 않다고 판단되는 경우에는 <label> 없이도 사용할 수 있습니다.

 label 태그를 사용해야 무시하는 경우

폼 필드와 관련된 설명이 필요할 때는 <label>을 반드시 사용하는 것이 좋습니다. 특히 다음과 같은 경우에는 <label>이 필요합니다:

  • 필드에 대한 설명이 명확하지 않거나 추가적인 설명이 필요한 경우: 예를 들어, 이메일 주소, 비밀번호와 같은 입력 필드는 반드시 해당 필드와 연결된 <label>을 가져야게 합니다.

  • 이미지가

    스크린기능을 리더갖지 사용자않는 경우: 스크린이미지가 리더는페이지에서 폼특별한 필드의미를 읽갖지 않거나 정보 전달을 때위한 것이 아니라면, <label>alt 요소를속성을 생략할 수도 있습니다. 그러나 대부분의 경우 alt 속성을 사용하여는 필드에것이 대한 설명을 제공합권장됩니다. 따라서 모든 입력 요소에 대한 설명을 제공하는 <label>을 사용해야 합니다.

Back to top