Skip to main content
html
2009.01.19 16:42

img 태그의 alt과 title 속성

(*.233.123.176) 조회 수 9699 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
 

img의 alt와 a의 title 중복 대책

글글쓴이: CN 글쓴 시간: 2005 8월 21 4:15 am

개인적으로는 a href의 uri 도매인이 외부일때 항상 title에 해당 도매인의 이름과 uri 문서의 내용을 기재해 두는 편입니다.

그런데 이미지에 링크를 거는 경우 두개의 정보가 겹치는 듯한 느낌이 들고 음성만으로 이용하는 독자가 중복된 정보의 홍수에 시달릴까봐 img alt=""를 두고 a title만 이용하고 있습니다.

여기에서 질문이 있습니다.

1. 중복된 정보를 제거하는 것이 스크린리더를 이용 독자에게 현실적인 도움이 될까요?
2. alt를 비워두는 것이 이로운 일일까요?
사용자 아바타
CN
서포터즈
서포터즈
 
글: 61
가입일: 2005 1월 02 1:57 am

alt는 어떤 경우에도 뺄 수 없습니다.

글글쓴이: 신승식 글쓴 시간: 2005 8월 21 7:59 am

가장 큰 원칙은 alt는 어떤 경우에도 꼭 달아야 하고, 절대 빠뜨리면 안 되고, 그것이 그림이 하는 기능을 대체하는 효과가 있어야 한다는 것입니다. 즉, title이 img에도 있고, a에도 있고 없고는 두 번째 문제입니다. 대부분의 스크린 리더들도 alt를 최우선적으로 읽을 뿐만 아니라, alt는 이미지가 로드되지 않거나 깨졌을 때, 또 텍스트 브라우저를 사용하는 사람들, 자동 번역기, 외국인들에게도 1차적으로 대안적인 정보가 되기 때문에 절대 소흘하게 달아서는 안 됩니다. 그림이 정말로 맥락적으로 아무런 의미가 없을 때, 그리고 정말 순수하게 꾸밈 목적으로 사용되었을 때에만 alt=""를 써야 합니다.

대부분의 스크린 리더들은 title도 처리해서 읽어주는 옵션이 있습니다. 그러나 옵션이기 때문에 안 읽을 수도 있습니다. 따라서 title이 alt와 다소 중복적이기 때문에 불편을 줄 것이라는 염려는 안 해도 될 것 같습니다. 그리고 그 title이 img에도 달리고 a에도 달려도 상관 없다고 생각합니다. 다만, img에는 그 성격에 맞는 그림에 대한 부가 설명이, a에는 앵커에 대한 부가 설명이 들어가는 게 좋을 것 같습니다. 또 아시다시피 title은 그래픽 브라우저에서 툴팁으로 보여지는 역할을 하기 때문에 alt와는 다른 이유로 일반 사용자들의 사용성을 높이기 위해서도 잘 사용하면 좋은 것 같습니다.

(IE는 엉뚱하게 alt를 툴팁으로 보여주지만, title이 중복으로 있을 때에는 title을 보여줍니다. 그리고 대부분의 브라우저에서 앵커 안에 이미지가 있을 때에는 img title을 툴팁으로 보여줍니다.)



모질라 커뮤티에서 발취 했습니다 ㅠ.ㅠ;

TAG •

List of Articles
카테고리 제목 조회 수
검색엔진 검색엔진 최적화(SEO) 관련 정리 1 1842
운영체제 윈도우7 가상시디 구동 포터블(Portable) 프로그램 3781
운영체제 무료 SSL 인증서 발급 및 웹서버에 https 적용하는 방법 (www.startssl.com) file 6143
하드웨어 2010년 5월 LCD 모니터 골라보자~ 6465
Flash Flash(플래시) SWF Decompiler VS Encrypt 9762
운영체제 윈도우 XP 프린트 공유된 컴퓨터 접속이 잘 안될때 해결법 9912
운영체제 윈도우 원격접속 옵션 설정하기 10737
Javascript 부모창과 함께 닫히는 팝업창 2 8523
운영체제 컴맹 탈출하기 (이정도는 알아야 컴맹에서 벗어날수 있다?) 2250
WAVE를 통해 웹페이지의 접근성 관련 정보를 한눈에 알아보자! 7146
운영체제 iis의 asp.net 다시 재 세팅하기 6098
[펌] PHP 함수 모음 file 7937
html img 태그의 alt과 title 속성 9699
Javascript left, right 함수 구현하기 9378
검색엔진 구글 크롬(Chrome)이 다운되면 이런 메세지를 뿌린다. ㅋㅋ file 10872
cs3 설치이후 이상한 프로세서가 상주한다! 7581
[펌] 윈도우 인쇄미리보기 스크립트 file 11075
[펌] 실전 웹 표준 가이드 file 9578
[펌] 테이블 디자인 관련 8111
[CSS] dl,dt,dd 가로 배열에 대한 방식 14827
Board Pagination Prev 1 2 Next
/ 2