대체 텍스트 제공 | 웹 접근성 연구소

홈 > 개발자 아카이브 > 웹 콘텐츠 제작기법 > 대체 텍스트 제공 > 링크가 걸린 이미지

1. 대체 텍스트 제공

1.3 링크가 걸린 이미지

인터넷 웹 콘텐츠 접근성 지침: 텍스트 아닌 콘텐츠 중에서 글로 표현될 수 있는 모든 콘텐츠는 해당 콘텐츠가 가지는 의미나 기능을 동일하게 갖추고 있는 텍스트로도 표시되어야 한다.

W3C WCAG1.0:: 지침 1. 시각/청각적인 콘텐츠에 대해서는 그것을 대신할 수 있는 대체 텍스트를 제공한다.
Guideline 1. Provide equivalent alternatives to auditory and visual content.
미 재활법 508조:: (a) 모든 텍스트가 아닌 요소에 대해서 같은 역할을 수행하는 동등한 텍스트를 제공해야 한다
((a) A text equivalent for every non-text element shall be provided)

지침설명

이미지에 링크가 걸려있을 때에는 그 링크의 성격에 맞는 대체 텍스트를 제공해야 함.
- 추가로 링크 자체에도 링크의 성격을 기술해주는 title을 제공하는 것이 바람직. 특히 새창으로 열릴 경우에는 title="새창으로 이동"이라고 제공하는 것이 바람직.
'이미지의 역할을 그대로 대체할 수 있는' 대체 텍스트를 제공해야 한다는 것.
- 즉, 이미지의 모양에 대해 설명하는 것이 아니라, 이미지가 제공하는 의미적인(semantic) 내용을 대체 텍스트로 제공해야 함.

적용예

링크가 걸린 이미지에 대체 텍스트를 제공한 사례

[그림] 링크가 걸린 이미지에 대체 텍스트를 제공한 사례

<ul>
  <li><a href="ci_010_010.html"><img src="ci_li01.gif" alt="산림청CI"></a></li>
  <li><a href="bdci_010_010.html"><img src="ci_li02.gif" alt="백두대간CI"></a></li>
  <li><a href="pinebug_010_010.html"><img src="ci_li03.gif" alt="소나무재선충CI"></a></li>
</ul>

※ 출처: 산림청 (http://www.forest.go.kr/foahome/user.tdf?a=user.index.IndexApp&c=2003&mc=WWW_INTRODUCTION), 2009. 02. 03

링크가 걸린 이미지에 대하여 링크의 성격에 맞는 대체 텍스트를 제공하고 있음.