개발자 아카이브

 

웹 콘텐츠 제작기법

1. 대체 텍스트 제공

1.8 약도

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

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)

지침설명

  • 약도와 같이 복잡한 그림의 경우에는 원래 그림의 제시 목적인 위치 설명을 위해,
    • alt, title, longdesc 속성 값을 통해 대체 텍스트를 제시해주는 것이 바람직함.
  • 주의할 것은 설명이 긴 경우에 title이나 longdesc을 활용하더라도 alt 속성값은 절대 빠뜨려서는 안 됨.
  • 대체 텍스트를 제공하지 않거나 단순히 "약도 이미지"라는 대체 텍스트만을 제공하는 경우,
    • 시각장애인은 약도가 주는 원래 의미에 대해 전혀 정보에 접근할 방법이 없기 때문에 대체 텍스트를 자세하게 제공하는 것이 바람직함.
  • 만약, 약도를 설명하는 문구가 그림과는 별도의 텍스트로 제공이 된다면, 그림에서는 간단히 "○○○ 약도 자세한 내용 본문 참조"라고만 대체 텍스트를 표시하여도 무방함.

적용예

약도 이미지에 위치를 설명하는 대체 텍스트를 제공한 사례

[그림] 약도 이미지에 위치를 설명하는 대체 텍스트를 제공한 사례

<img src="bonbumap_img01.gif" alt="우정사업본부 약도 : 1.지하철 1호선 종각역하차 6번출구로 나와서 
광화문방면 300m도보후 도착  2.지하철 5호선 광화문역하차, 연결지하도 광화문우체국 방면출구에 있습니다">
※ 출처: 우정사업본부 (http://www.koreapost.go.kr/bonbu/bonbu02_04.jsp), 2009. 02. 04
  • 약도가 가르키는 위치를 설명하는 내용을 대체 텍스트로 제공하였음.
  • 약도 설명이 길경우 longdesec를 사용하는 것도 좋은 방법임.

주요메뉴


웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.

(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)

팀 버너스 리 경-웹의 창시자(Tim Berners - Lee , W3C Director and inventor of the World Wide Web)

위로가기