(Level A)
- 목표
- 텍스트가 아닌 정보를 더 많은 사람들이 이용할 수 있다.
- 할 일
- 시각 및 청각 콘텐츠에 대한 대체 텍스트를 제공한다.
- 중요성
- 완전히 보거나 들을 수 없는 사람들도 콘텐츠를 이해할 수 있다.
성공 기준(SC)
사용자에게 제시되는 모든 텍스트가 아닌 콘텐츠는 그 목적에 상응하는 대체 텍스트를 제공해야 한다. 예외는 다음과 같다.
- 컨트롤, 입력(Controls, Input)
- 텍스트가 아닌 콘텐츠가 컨트롤이거나 사용자 입력을 받는 경우, 해당 목적을 설명하는 이름이 있어야 한다. (컨트롤과 사용자 입력을 받는 콘텐츠에 대한 추가 요구 사항은 성공 기준 4.1.2 참고)
- 시간 기반 미디어(Time-Based Media)
- 텍스트 아닌 콘텐츠가 시간 기반 미디어인 경우의 최소한 동등하게 식별 가능한 설명을 제공해야 한다. (미디어에 대한 추가 요구사항은 지침 1.2를 참고)
- 시험(Test)
- 텍스트 아닌 콘텐츠가 텍스트로 제시될 때 시험이나 연습이 무효가 되는 경우, 텍스트 아닌 콘텐츠에는 최소한 동등하게 식별 가능한 설명을 제공해야 한다.
- 감각(Sensory)
- 텍스트 아닌 콘텐츠가 주로 특정 감각에 기반한 경험을 하도록 의도한 경우, 텍스트 아닌 콘텐츠에는 최소한 동등하게 식별 가능한 설명을 제공해야 한다.
- 캡챠(CAPTCHA)
- 텍스트 아닌 콘텐츠를 컴퓨터가 아닌 사람이 접근하고 있는지를 확인하는 것이라면 다음 사항을 준수해야 한다. 첫째, 해당 콘텐츠의 목적을 식별하고 설명하는 대체 텍스트를 제공해야 한다. 둘째, 다양한 장애 유형을 고려하여 여러 감각 방식을 사용하는 대체 수단을 함께 제공해야 한다.
- 장식(Decoration), 형식(Formatting), 보이지 않음(Invisible)
- 텍스트 아닌 콘텐츠가 순수한 장식이거나, 시각적 형식을 위해서만 사용되거나, 또는 사용자에게 보이지 않는 경우, 보조 기술이 인지하지 않고 지나칠 수 있는 방식으로 구현해야 한다.
이 성공 기준의 의도는 텍스트가 아닌 콘텐츠로 전달하는 정보를 대체 텍스트를 사용하여 접근 가능하게 만드는 것이다. 대체 텍스트는 정보를 접근 가능하게 만드는 주요 방법으로, 사용자의 요구사항에 맞추어 어떤 감각 특성(예: 시각, 청각 또는 촉각)로도 렌더링될 수 있다. 대체 텍스트를 제공하면 다양한 사용자 에이전트를 통해 다양한 방식으로 정보가 렌더링될 수 있다. 예를 들어, 그림을 볼 수 없는 사람은 대체 텍스트를 합성된 음성으로 들을 수 있고, 오디오 파일을 들을 수 없는 사람은 대체 텍스트를 표시하여 읽을 수 있다. 앞으로 대체 텍스트는 정보를 수어나 동일 언어의 더 단순한 형태로 더 쉽게 번역될 것이다.
CAPTCHA는 접근성 커뮤니티에서 논란의 여지가 있는 주제이다. CAPTCHA의 비접근성 논문에 설명된 대로 CAPTCHA는 자동화된 프로세스를 무력화하기 위해 본질적으로 인간 능력의 한계를 뛰어넘는다. 특정 장애가 있는 사용자는 모든 유형의 CAPTCHA를 해결할 수 없다. 그러나 CAPTCHA는 널리 사용되고 있으며 웹 콘텐츠 접근성 지침 실무 그룹은 CAPTCHA가 완전히 금지된다면 웹 사이트는 CAPTCHA를 포기하는 대신 WCAG를 따르지 않을 것이라고 믿는다. 이는 훨씬 더 많은 장애가 있는 사용자에게 장벽을 만들 것이다. 이러한 이유로 실무 그룹은 대부분의 장애인 요구 사항을 충족하면서도 사이트에서 채택할 수 있는 방식으로 CAPTCHA에 대한 요구 사항을 구성하기로 결정했다. 특정 사이트에서 두 가지 다른 형태의 CAPTCHA를 요구하면 대부분의 장애인이 사용할 수 있는 양식을 찾을 수 있다.
일부 장애가 있는 사용자는 여전히 최소 요구 사항을 충족하는 사이트에 액세스할 수 없기 때문에 실무 그룹에서는 추가 단계에 대한 권장 사항을 제공한다. WCAG를 준수하고자 하는 조직은 이 주제의 중요성을 인식하고 가능한 한 지침의 최소 요구사항 이상으로 노력해야 한다. 추가로 권장되는 조치에는 다음이 포함된다.
- 두 가지 방식 이상의 CAPTCHA 제공
- CAPTCHA를 우회할 수 있는 인간 고객 서비스 담당자에 대한 접근 방식 제공
- 승인된 사용자에게는 CAPTCHA가 요구 안함
대체 텍스트 및 동등한 대체 수단은 원본 콘텐츠의 인간 언어(일반적으로 페이지의 기본 인간 언어)와 일치해야 한다. 5.2 준수 요구사항 섹션에서는 정의된 용어들을 통해 성공 기준이 접근성을 지원하는 방식(5.2.4)으로 충족되어야 하며, 여기서 기술은 “콘텐츠의 인간 언어로” 사용되어야 한다고 명시하고 있다. 대체 버전이 사용되는 경우(5.2.1), 이는 “동일한 인간 언어로 동일한 모든 정보와 기능을 제공하는” 것으로 정의한다.
텍스트가 아닌 콘텐츠는 다양한 형태로 나타날 수 있으며 이 성공 기준은 각 콘텐츠의 처리 방법을 명시한다.
차트, 다이어그램, 오디오 녹음, 그림 및 애니메이션과 같이 아래 나열된 다른 상황 중 하나로 다루어지지 않는 텍스트가 아닌 콘텐츠의 경우 대체 텍스트를 통해 렌더링할 수 있는 모든 형식(예: 시각, 청각 또는 촉각)으로 동일한 정보를 이용할 수 있다. 텍스트가 아닌 콘텐츠의 정보를 전달하기 위해 필요에 따라 짧고 긴 대체 텍스트를 사용할 수 있다. 여기서는 사전 녹음된 오디오 전용 파일과 사전 녹화된 비디오 전용 파일을 다룬다. 실시간 오디오 전용 및 실시간 비디오 전용 파일은 아래(이 문단 다음 세 번째 문단)에서 다룬다.
제출 버튼, 이미지 맵 또는 복잡한 애니메이션으로 사용되는 이미지와 같이 컨트롤이거나 사용자 입력을 허용하는 텍스트가 아닌 콘텐츠의 경우, 사람이 최소한 무엇을 알 수 있도록 텍스트가 아닌 콘텐츠의 목적을 설명하는 이름을 제공한다. 이를 통해 사용자는 최소한 해당 텍스트가 아닌 콘텐츠가 무엇이고 왜 있는지 알 수 있다.
텍스트가 아닌 콘텐츠 중 시간 기반 미디어는 1.2: 시간 기반 미디어를 통해 접근 가능하게 만든다. 하지만 사용자가 페이지에서 해당 콘텐츠를 발견했을 때 무엇인지 알고 어떤 조치를 취할지 결정할 수 있도록 하는 것은 중요하다. 따라서 해당 시간 기반 미디어를 설명하거나 제목을 알려주는 대체 텍스트를 제공한다.
실시간 오디오 전용 및 실시간 비디오 전용 콘텐츠의 경우, 동일한 정보를 제공하는 대체 텍스트를 만드는 것이 훨씬 더 어려울 수 있다. 이러한 유형의 텍스트가 아닌 콘텐츠에 대해서는 설명적인 레이블을 제공하는 대체 텍스트를 사용한다.
때로는 테스트나 연습 문제를 부분적 또는 전체적으로 텍스트가 아닌 형식으로 제시해야 한다. 변환할 수 없는 오디오 또는 시각 정보가 제공되는데, 이는 해당 감각을 사용하여 테스트나 연습을 진행해야 하기 때문이다. 예를 들어, 청력 검사의 경우 대체 텍스트를 제공하면 검사가 무효화된다. 시각적 기술 개발 연습 역시 텍스트 형식으로는 무의미할 것이다. 맞춤법 시험에 대체 텍스트를 제공해도 그리 효과적이지 않을 것이다. 이러한 경우 텍스트가 아닌 콘텐츠의 목적을 설명하는 대체 텍스트를 제공해야 한다. 물론 해당 대체 텍스트에는 검사를 통과하는 데 필요한 동일 정보가 포함되지 않는다.
때로는 특정 감각적 경험을 제공하기 위한 목적의 콘텐츠가 있는데, 이를 단어로 온전히 표현하기 어려울 수 있다. 예를 들어 교향곡 공연, 시각 예술 작품 등이 있다. 이러한 콘텐츠에 대해서는 최소한 텍스트가 아닌 콘텐츠를 설명적인 레이블로 명시하고 가능한 경우 추가 설명 텍스트를 제공한다. 페이지에 해당 콘텐츠를 포함한 이유가 알려져 있다면 그 정보를 포함하는 것이 도움이 된다.
때로는 사용자가 실제 사람임을 확인하기 위한 텍스트가 아닌 연습 문제가 있다. 스팸 로봇이나 다른 소프트웨어가 사이트에 접근하지 못하도록 CAPTCHA라는 장치가 사용된다. 이는 일반적으로 웹 로봇의 현재 능력을 벗어나는 시각적 또는 청각적 작업으로 구성된다. 그러나 이에 대한 대체 텍스트를 제공하면 로봇도 작동할 수 있게 되어 본래 목적에 어긋난다. 이 경우 CAPTCHA의 목적을 설명하는 대체 텍스트를 제공하고, 다양한 장애를 가진 사람들의 요구사항을 충족시키기 위해 다른 감각 경로를 사용한 대체 형식을 제공한다.
때로는 텍스트가 아닌 콘텐츠를 사용자가 보거나 이해할 필요가 없는 경우가 있다. 페이지에서 텍스트를 이동시키기 위해 사용되는 투명 이미지, 사용 통계를 추적하기 위한 보이지 않는 이미지, 그리고 정보를 전달하지 않고 빈 공간을 채워 미적 효과를 내기 위한 소용돌이 모양 등이 이에 해당한다. 이러한 항목에 대체 텍스트를 제공하면 페이지 콘텐츠에서 화면 낭독기 사용자의 주의가 산만해질 수 있다. 하지만 어떤 표시도 하지 않으면 사용자가 (실제로는 아무것도 놓치지 않았지만) 텍스트가 아닌 콘텐츠가 무엇이고 어떤 정보를 놓쳤는지 추측하게 된다. 따라서 이러한 유형의 텍스트가 아닌 콘텐츠는 사용자에게 아무것도 제시하지 않도록 특정한 방식으로 표시하거나 구현해 보조 기술이 무시하도록 한다.
- 이 성공 기준은 시각적 콘텐츠를 인지하는 데 어려움이 있는 사람들에게 도움이 된다. 보조 기술은 텍스트를 소리 내어 읽거나, 시각적으로 제시하거나, 점자로 변환할 수 있다.
- 대체 텍스트는 사진, 그림 및 기타 이미지(예: 선 그림, 그래픽 디자인, 회화, 3차원 표현), 그래프, 차트, 애니메이션 등의 의미를 이해하는 데 어려움이 있는 일부 사람들에게 도움이 될 수 있다.
- 청각 장애인, 난청인, 또는 어떤 이유로든 오디오 정보를 이해하는 데 어려움이 있는 사람들이 텍스트 표현을 읽을 수 있다. 텍스트를 수어로 자동 번역하는 연구가 진행 중이다.
- 시청각 중복 장애인은 점자로 텍스트를 읽을 수 있다.
- 또한 대체 텍스트는 텍스트가 아닌 콘텐츠를 검색하고 다양한 방식으로 콘텐츠를 재사용할 수 있도록 지원한다.
- 데이터 차트
- 막대 그래프는 6월, 7월, 8월에 판매된 위젯의 수를 비교한다. 짧은 라벨은 “그림 1 - 6월, 7월, 8월 판매량”이라고 표시된다. 더 긴 설명은 차트의 유형을 식별하고, 차트에서 얻을 수 있는 것과 비교할 만한 데이터, 동향 및 함의에 대한 높은 수준의 요약을 제공한다. 가능하고 실용적인 경우, 실제 데이터가 표로 제공된다.
- 연설의 오디오 녹음
- 오디오 클립 링크에는 “의장의 총회 연설”이라고 표시된다. 오디오 클립 링크 바로 다음에 텍스트 전사본 링크을 제공한다.
- 자동차 엔진 작동 방식을 설명하는 애니메이션
- 애니메이션은 자동차 엔진의 작동 방식을 보여준다. 오디오는 없으며 애니메이션은 엔진 작동 방식을 설명하는 튜토리얼의 일부이다. 튜토리얼 텍스트가 이미 완전한 설명을 제공하므로, 이미지는 텍스트의 대안이며 대체 텍스트에는 애니메이션에 대한 간단한 설명만 포함되고 더 많은 정보를 위해 튜토리얼 텍스트를 참조하도록 한다.
- 교통 웹 카메라
- 웹사이트는 사용자가 주요 도시 전체에 배치된 다양한 웹 카메라 중에서 선택할 수 있게 한다. 카메라를 선택하면, 이미지는 2분마다 업데이트된다. 짧은 대체 텍스트는 웹 카메라를 “교통 웹 카메라”로 표시한다. 사이트는 또한 웹 카메라가 담당하는 경로의 이동 시간 표를 제공한다. 표 역시 2분마다 업데이트된다.
- 뉴스 기사의 한 역사적 사건 사진
- 두 세계 지도자가 악수하는 사진을 국제 정상회담에 관한 뉴스 기사와 함께 제공한다. 대체 텍스트는 “X국의 X 대통령이 Y국의 Y 총리와 악수하고 있습니다”라고 표시한다.
- 외교 관계를 논의하는 콘텐츠의 역사적 사건 사진
- 앞선 예제와 동일한 이미지가 외교적 만남의 미묘한 차이를 설명하기 위해 다른 맥락에서 사용된다. 대통령이 총리와 악수하는 이미지가 복잡한 외교 관계를 논의하는 웹사이트에 나타난다. 첫 번째 대체 텍스트는 “2009년 1월 2일 X국의 X 대통령이 Y국의 Y 총리와 악수하고 있습니다”라고 읽힌다. 추가 대체 텍스트가 지도자들이 서 있는 방의 모습과 지도자들의 표정을 설명하고, 방에 있는 다른 사람들을 표시한다. 추가 설명은 사진과 같은 페이지에 포함하거나 링크 또는 기타 표준 프로그래밍 메커니즘을 통해 이미지와 연결된 별도 파일에 포함할 수 있다.
- 기자 회견의 오디오 녹음
- 웹 페이지에는 기자회견 오디오 녹음으로 가는 링크가 포함되어 있다. 링크 텍스트는 오디오 녹음을 나타낸다. 페이지는 또한 기자회견의 텍스트 전사본에 링크된다. 전사본에는 발언자들이 말하는 모든 것에 대한 축어록이 포함된다. 누가 말하고 있는지 뿐만 아니라 박수, 웃음, 청중의 질문 등 녹음의 일부인 기타 중요한 소리도 표시한다.
- 이러닝 애플리케이션
- 이러닝 애플리케이션은 답이 맞는지 틀리는지를 나타내기 위해 음향 효과를 사용한다. 종소리는 답이 맞다는 것을 나타내고 삐 소리는 답이 틀렸다는 것을 나타낸다. 소리를 듣거나 이해할 수 없는 사람들이 답이 맞는지 틀렸는지 이해할 수 있도록 텍스트 설명도 포함한다.
- 링크된 썸네일 이미지
- 신문 첫 페이지의 썸네일 이미지가 “스몰빌 타임즈”의 홈페이지에 링크된다. 대체 텍스트는 “스몰빌 타임즈”라고 표시한다.
- 다른 사이트에서 사용된 동일한 이미지
- 지구 이미지에 대한 다른 대체 텍스트: 여행 사이트에서는 해외 여행 섹션에 대한 링크로 사용되는 지구 이미지는 “해외 여행”이라는 대체 텍스트를 가진다. 동일한 이미지가 대학 웹사이트에서는 “국제 캠퍼스”라는 대체 텍스트와 함께 링크로 사용한다.
- 이미지 맵
- 건물 평면도 이미지는 상호작용이 가능하여 사용자가 특정 방을 선택하고 해당 방에 대한 정보가 포함된 페이지로 이동할 수 있다. 짧은 대체 텍스트는 이미지와 그 링크의 용도를 설명한다: “건물 평면도. 더 많은 정보를 보려면 방을 선택하세요.”
자료는 정보 제공 목적으로만 제공되며 보증을 암시하지 않는다.
이 섹션에서 번호가 매겨진 각 항목은 WCAG 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 간주하는 기법 또는 기법의 조합을 나타낸다. 그러나 이러한 특정 기법을 사용할 필요는 없다. 다른 기법 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 기법 이해, 특히 “기타 기법” 섹션을 참고하라.
아래에서 귀하의 콘텐츠와 일치하는 상황을 선택하라. 각 상황에는 해당 상황에 충분하다고 알려져 있고 문서화된 기법 또는 기법의 조합이 포함된다.
Short text alternative techniques for Situation A:
Short text alternative techniques for Situation B:
Long text alternative techniques for Situation B:
Text alternative techniques for controls and input for Situation C:
Short text alternative techniques for Situation D:
Techniques to indicate that text alternatives are not required for Situation F:
준수를 위해 필수는 아니지만 콘텐츠에 더 쉽게 접근할 수 있도록 다음과 같은 추가 기법을 고려해야 한다. 모든 기법을 사용할 수 없거나 모든 상황에서 효과적인 것은 아니다.
다음은 WCAG 실무 그룹에서 이 성공 기준 미준수로 간주하는 일반적인 실수이다.
다음은 이 성공 기준의 특정 측면에 대한 점검 규칙이다. WCAG 준수 여부를 확인하기 위해 이러한 특정 점검 규칙을 사용할 필요는 없지만 이것은 정의되고 승인된 검사 방법이다. 점검 규칙 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 점검 규칙 이해를 참고하라.
