Home > 웹 콘텐츠 신기술 제작기법 > 접근성 있는 Flex 제작기법 > Flex 콘텐츠 접근성 기술지침 > 대체 텍스트 제공
'텍스트가 아닌 콘텐츠'에는 대체 텍스트를 제공하여야 한다.
국가표준 항목 1.1에 따르면, '텍스트가 아닌 콘텐츠'(이미지, 멀티미디어, 애니메이션 등)는 적절한 대체 텍스트를 제공하여야 화면 낭독 프로그램과 같은 보조 기술을 이용하는 장애인에게 그 내용을 전달할 수 있다. 이는 중요한 내용을 포함하고 있는 배경 이미지의 경우에도 마찬가지이다. 그러나 모든 '텍스트가 아닌 콘텐츠'에 대체 텍스트를 제공해야만 하는 것은 아니다.
(1) '텍스트가 아닌 콘텐츠'에는 적절한 대체 텍스트를 제공하여야 한다.
(2) '텍스트가 아닌 콘텐츠'를 동적으로 교체하는 경우에는 대체 텍스트도 교체하여야 한다.
화면 낭독 프로그램은 그래픽 이미지와 스테이지 상의 움직이는 요소의 의미를 구별할 수 없다. 따라서 그래픽 이미지나 애니메이션 등에 대한 대체 텍스트를 제공해야 한다. 필요하다면 콘텐츠 전체에 대한 대체 텍스트를 제공할 수도 있고, 콘텐츠를 구성하고 있는 개체 별로 대체 텍스트를 제공할 수도 있다.
가) toolTip의 사용
Flex 콘텐츠는 보통 이미지나 로더(loader) 컴포넌트를 사용하여 이미지를 보여준다. 이들 컴포넌트는 toolTip 속성을 이용하여 대체 텍스트를 화면 낭독 프로그램으로 전달할 수 있다. 따라서 Flex 콘텐츠의 대체 텍스트는 이미지 프로퍼티나 로더 컴포넌트 프로퍼티의 toolTip 속성을 이용한다. toolTip 속성을 제공하면 마우스를 이미지 위에 올려놓을 때에 toolTip 속성 값이 아래 예제와 같이 화면에 표시된다.

[그림] toolTip 속성 사용 예제
위의 예제는 이미지에 toolTip 속성을 '아이스크림'으로 설정한 경우이며 이미지 위에 마우스를 올려놓았을 때의 화면을 캡쳐한 것이다.
이 예제를 위하여 작성한 코드는 아래와 같다.
<mx:Image width="60" height="56" source="assets/icecreampint.jpg"
toolTip="아이스크림"/>
나) Description 과 Name 필드 일반인에게는 필요하지 않지만 이미지에 대한 추가적인 설명을 보조 기술로 제공하기 위해서는 이미지의 description 프로퍼티를 사용할 수 있다. 아래의 코드는 위에 보인 그림에서 아이스크림에 대한 자세한 설명을 description 프로퍼티를 사용하여 제공하는 예이다. 코드에서 밑줄로 표시한 부분이 description 프로퍼티 부분이다.
<mx:Image width="60" height="56"
source="assets/icecreampint.jpg"
toolTip="아이스크림
creationComplete="event.target.accessibilityProperties =
new AccessibilityProperties();
event.target.accessibilityProperties.description = '저희 아이스크림은 홈메이드를 위하여최고의 서비스를 제공합니다.'"
/>
위의 예제와 같이 description 속성을 이용하여 이미지에 긴 설명문을 제공할 수 있다. 그러나 이미지에 대한 설명을 위해 항상 description 필드를 추가할 필요는 없다. 화면 낭독 프로그램으로 하여금 이미지에 대한 대체 텍스트를 쓸데없이 장황하게 읽어주는 것은 도리어 Flex 콘텐츠의 사용에 불편을 초래할 수도 있기 때문이다.
간단한 대체 텍스트를 제공하기 위해서는 ActionScript가 지원하는 accessibilityProperties.name을 이용하여 프로퍼티의 name 필드에 대체 텍스트를 제공한다.
description 필드와 name 필드의 기능은 동일하다. 화면 낭독 프로그램은 두 필드의 내용을 name 필드, description 필드의 순서로 읽어준다. 따라서 두 필드를 같은 내용으로 채우면 두 번 읽어주므로 주의할 필요가 있다. 일반적으로 description 필드는 한글 25자 이상인 경우에 사용하며, 그 이하인 경우에는 name 필드를 사용한다.
다) 대체 텍스트 교체 Flex 콘텐츠는 동적으로 이미지를 교체할 수 있다. 이때 원래의 이미지와 교체되는 이미지의 의미나 내용이 다른 경우에는, 교체되는 이미지의 대체 텍스트도 교체하여야 한다. 교체 방법으로는 toolTip, description, name 등을 이용할 수 있다.
라) 올바른 대체 텍스트 '텍스트가 아닌 콘텐츠'에 제공되는 대체 텍스트는 화면에 표시되는 이미지를 대신해서 보조 기술(예를 들면 화면 낭독 프로그램)을 통하여 제공되는 정보이므로 그 내용이 적절하여야 한다.
바람직한 방법은 이미지를 화면에 제공하는 이유를 생각하여 대체 텍스트의 내용을 결정하는 것이 이미지의 모습을 그대로 설명하는 것보다 낫다. 예를 들어 투명한 플라스틱 병에 생수가 가득 들어있는 이미지에 대한 대체 텍스트를 '투명한 액체가 담긴 플라스틱 병'이라고 하기보다는 '생수병'이라고 하는 것이 더 적합하다.
'텍스트가 아닌 콘텐츠' 요소에 대체 텍스트를 제공하는 것은 어려운 일이 아니다. 가장 중요한 점은 '언제, 어떤 내용의 대체 텍스트를 제공할 것인가'를 고려하여야 한다는 점이다. 또한 대체 텍스트로 인하여 화면 낭독 프로그램 사용자에게 어떠한 영향을 주게 되는가를 생각하는 일이다.
웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(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)