[웹접근성 지침-일반기술 G92] '비텍스트 콘텐츠(non-text content)'의 '동일한 목적의 서비스'와 '정보'를 제공하기 위해 '긴 설명(long description)'을 제공해야 합니다.

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G92.html

---

'긴 대체 텍스트'는  '비텍스트 콘텐츠(non-text content)'의 내용을 상세하게 제공하여 어떠한 한경에서도 사용자가 동일한 정보를 볼 수 있도록 배려해 주어야 합니다.

---

기술설명

이 기술의 목적은 '짧은 대체 텍스트(short text alternative)'로는 내용을 다 설명할 수 없는 '비텍스트 콘텐츠(non-text content)'를 위해, 콘텐츠의 내용과 동일한 내용을 '긴 대체 텍스트(long text alternative)'로 제공하는 것입니다.
'짧은 대체 텍스트'의 대안인 '긴 대체 텍스트'는 '비텍스트 콘텐츠'의 정보를 제공해야 합니다.
'비텍스트 콘텐츠'가 제거 되고 '짧은 대체 텍스트'와 '긴 대체 텍스트'만 제공 된다면 '긴 대체 텍스트'는 '비텍스트 콘텐츠'와 동일한 기능과 정보를 제공해야 합니다.

 

'대체 텍스트'에는 어떤 내용이 들어가야 하는지 질문을 통해 알아봅니다.

- 왜 여기에 텍스트가 아닌 콘텐츠가 있는가?

- 그 콘텐츠는 어떤 정보를 담고 있는가?

- 그 콘텐츠는 어떤 목적을 가지고가?

- 그 콘텐츠를 사용할 수 없다면 동일한 기능 및 내용을 전달하기 위해 어떤 단어를 사용해야 하는가?

 

예시

[예시1] 10월 매출을 보여주는 차트입니다. 차트의 '짧은 대체 텍스트'에는 '10월 매출 차트'라고 되어있습니다.

'긴 대체 텍스트'에는 "6명의 영업 사원에 대한 10월 매출 막대형 차트입니다. 마리아가 349개로 1등입니다. 프란세스가 301개로 2등입니다. 조안이 256개로 3등, 슈가 280개로 4등, 리가 200개로 5등, 맥스가 195개로 6등입니다. 차트의 주요용도는 팀장님 보고용입니다. 매출 순서대로 설명되어 있습니다."라고 되어 있습니다.

 

[예시2] 지난 10년간의 겨울 평균 기온을 보여주는 선 그래프입니다. 이 그래프의 '짧은 대체 텍스트'에는 '1996~2006년간 겨울 평균 기온'이라고 되어있습니다.

'긴 대체 텍스트'에는 선 그래프를 만드는데 사용된 데이터 표가 포함되어 있습니다.

 

 

관련기술

G94: 비텍스트 콘텐츠에 대해 동일한 목적을 제공하고 동일한 정보를 제공하는 짧은 텍스트 대체 제공

H45: longdesc 사용

 

 

점검절차

1. 텍스트가 아닌 콘텐츠를 삭제하거나 숨김 또는 마스크(보이지 않게 하는 기능)를 합니다.

2. '긴 대체 텍스트'가 있는지 확인합니다.

3. '긴 대체 텍스트' 해당 콘텐츠와 동일한 정보를 제공하는지 확인합니다.

 

---

 

나의 정리

먼저 용어 정리 부터 하겠습니다.

- '비텍스트 콘텐츠(non-text content)'는 텍스트로 구성된 콘텐츠가 이는 것을 의미하여 대표 적인 예로, <img>, <input>요소가 있습니다.
- '짧은 대체 텍스트(short text alternative)'는 alt요소를 말하는 것으로 '비텍스트 콘텐츠가 보여지지 않는 환경에서  '비텍스트 콘텐츠'를 대신하여 보여주는 짥은 글을 말합니다.

- '긴 대체 텍스트(long text alternative)'는 해당 문서 안에서 또는 사용자가 접근할 수 있는 방법으로 제공되는 '대체 텍스트'로 해당 콘텐츠의 내용, 목적, 기술 등을 자세하게 설명한 글을 말합니다.

 

위 내용을 이해한 상태에서 설명해 보겠습니다.
표나 그래프 같이 복잡한 내용을 '이미지로 표현한 콘텐츠(= non-text content )'가 있습니다.
이 이미지의  '짧은 대체 텍스트(=alt요소)'많으로는 이미지의 정보를 모두 설명할 수 없습니다.

그래서 '긴 대체 텍스트(long text alternative)' 추가로 제공하여 이미지의 정보와 목적을 사용자가 알수 있게 해주어야 합니다.

예를 들어 보겠습니다.

다음과 같이 영업사원 3명(둘리, 또치, 희동)의 10월 자동차 판매 현황을 막대 그래프로 나타낸 이미지가 있습니다.

 

이 이미지의  '짧은 대체 텍스트(=alt)'는 이미지에 대한 내용을 짧게 설명해야 하므로 "10월 자동차 판매현황"이라고 넣을 겁니다.

<img src="carSale10.jpg" alt="10월 자동차 판매현황" />

 

만약 이미지를 볼 수 없는 환경이거나 시각적 장애를 가진 사용자들이라면  '짧은 대체 텍스트'의 "10월 자동차 판매현황"라는 설명만으로는 이미지의 내용을 자세하게 이해 할수 없을 것이니다.

그래서 이미지의 내용을 자세하게 설명해줄 '긴 대체 텍스트(long text alternative)' 를 제공해 주어야 합니다.

 '긴 대체 텍스트'는 이미지 바로 밑에 긴 설명을 제공해 주거나 '링크'를 이용하여 긴 설명이 있는 페이지로 이동시켜 사용자가 볼 수 있게 해주어야 합니다.

이때  '긴 대체 텍스트'의 내용은 이미지의 내용과 목적을 담고 있어야 합니다.

"A그룹 1팀 영업사원들의 10월 자동차 판매 현황입니다. 둘리 사원이 5대를 판매 했습니다. 다음으로 또치 사원이 2대를 판매 했습니다. 마지막으로 희동 사원이 1대를 판매 했습니다. 이 내용은 자동차를 많이 판매한 사원 순서로 만들어 졌습니다. 이 내용은 사원들간에 판매 정보를 공유하기 위해 제공되고 있습니다."

위와 같이 내용과 목적을 자세하게 제공한다면 사용자는 이미지 없이도 내용을 파악할 수 있습니다.

 

'긴 대체 텍스트'는  '비텍스트 콘텐츠(non-text content)'의 내용을 상세하게 제공하여 어떠한 한경에서도 사용자가 동일한 정보를 볼 수 있도록 배려해 주어야 합니다.

 

---

 

G92: Providing long description for non-text content that serves the same purpose and presents the same information

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G92.html

G92: Providing long description for non-text content that serves the same purpose and presents the same information |