title vs alt

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
댓글 게시
송효진
게시물: 33
참여됨: 2007 04 26 17:20 09
연락:

title vs alt

게시물 작성자 송효진 » 2007 11 03 21:40 36

<a href="#"><img src="mozilla.gif" alt="모질라" /></a>
IE 는 '모질라'가 hint로 나타납니다.
FF 는 나타나지 않습니다.

<a href="#" title="모질라"><img src="mozilla.gif" /></a>
이제 FF & IE 에서 '모질라' 가 나타납니다.

하지만 이미지 로딩이 안되었을 경우 이미지 대신 '모질라' 글이 보이지는 않습니다.

<a href="#" title="모질라"><img src="mozilla.gif" alt="모질라" /></a>
이렇게 하면 되겠지만,
같은 정보를 중복표기하고 싶지 않습니다.

FF 에서 왜 링크된 img 의 alt 가 hint 되지 않는걸까요?

peecky
게시물: 16
참여됨: 2007 06 22 19:06 49
연락:

alt와 title은 역할이 다릅니다

게시물 작성자 peecky » 2007 11 04 00:29 44

img 태그에서 alt속성은 이미지를 로딩할 수 없는 상황에서 그 이미지를 대체하기 위한 텍스트입니다.
title속성은 base, head, html, meta, param, script, style, title 태그를 제외한 태그에 사용할 수 있으며, 해당 엘리먼트에 마우스를 가져가면 띄워줄 툴팁(tooltip) 메시지를 설정할 수 있습니다.

IE에서는 title속성이 없을 때 alt속성이 있으면 그것을 툴팁으로 보여줍니다.

대체 텍스트와 툴팁의 효과를 모두 볼려면 두 가지 속성을 모두 사용해야겠지요. 그리고 각 속성의 원래 용도로 봤을 때, alt는 이미지 대체 텍스트이기 때문에 이미지 정보가 있는 상황에서는 추가로 보여줄 필요가 없는 정보입니다(이미지가 가진 정보 이상의 정보를 제공하지 않는게 좋겠죠). 그리고 title은 추가적인 정보를 제공하는 목적이므로, 두 가지 속성의 값을 같게 할 경우는 잘 없을것 같습니다.

송효진
게시물: 33
참여됨: 2007 04 26 17:20 09
연락:

게시물 작성자 송효진 » 2007 11 05 16:18 17

그렇군요...답변 감사합니다.
이유가 너무 명확해서 불만제기를 할 수가 없군요.-_-;
작업에 드림위버 CS3 를 이용하고 있는데,
여기 Properties 에 title 속성이 없습니다.
그래서 ff 일 경우 img 부모가 a 인것만 alt 를 title 에 박게 처리하였습니다.
이런식으로 해서 기본틀을 작성하면,
드림위버니까 다른사람에게 맞겨도 할 수 있을거라 믿습니다.ㅎㅎ
드림위버에서 '거의' 제대로 보이는게 참 고맙네요.

댓글 게시

누군가 접속

유저들이 이 포럼을 탐색중: 가입된 유저 없음 그리고 4 손님들