alt와 title

alt

alternative의 줄임말로 이미지의 대체 텍스트를 제공한다.

이미지가 보이지 않는 상황이거나, 스크린 리더기에서 이미지를 대신할 수 있는 내용을 제공한다.

이미지 태그나 이미지맵 등에 주로 사용하고 유효성을 통과하려면 반드시 필요한 필수 속성이다.

 

title

title은 거의 모든 태그에 쓰이고, 이미지 태그에서는 이미지에 대한 툴팁 설명을 제공한다.

대체 텍스트의 설명이 길어지는 경우 사용하는 속성으로 longdesc가 있다. (자세한 설명을 담은 문서의 url을 지정)

 

 

alt 속성없이 longdesc 속성만 이용하는 경우 접근성 위배

alt를 제공하더라도 이미지 내용과 다르면 위배

 

브라우저마다 alt나 title을 보여주는 속성이 다른데 ie에서는

alt와 title 둘다 내용이 있을 경우 title의 내용이 풍선 도움말로 나오고,

alt만 있을 경우 그 내용이 표시된다.

 

<img src="뭐하냐.jpg" alt="김군이 과제하느라 쩔쩔매고 있는 사진" title="김군의 사진">

 

alt에는 사진의 설명, title에는 사진의 제목
alt는 이미지를 볼수 없을 때 사용자에게 보여주는 용도로 그 이미지가 무엇이고 무슨 기능을 하는지 알 수 있어야 하며,

title은 태그와 태그에 대한 설명이 들어가야 한다.