티스토리 뷰

웹 접근성

03. 인식의 용이성 (1) | sohinggu๑°⌓°๑

댕발자 (●'-'●) 2019. 6. 7. 04:04

인식의 용이성 (1)

학습목표
1. 대체텍스트와 멀티미디어 대체수단의 개념을 이해할 수 있다.
2. 대체텍스트와 멀티미디어 대체수단의 취지와 내용을 설명할 수 있다.
3. 대체테스트와 멀티미디어의 대체수단 제공방법을 설명할 수 있다.

인식의 용이성(Perceivable)

모든 콘텐츠는 사용자가 인식할 수 있어야 한다.

웹 접근성 검사 항목 - 인식의 용이성

 

<항목1> 적절한 대체 텍스트 제공: 텍스트가 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.

<항목2> 자막 제공: 멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다.

대체텍스트

1. 대체텍스트의 개념

- 텍스트가 아닌 콘텐츠들 즉, 이미지, 이모티콘 문자, 영상, 음성 콘텐츠 등에 대하여 이를 텍스트 정보로 대체해주는 것
- 텍스트가 아닌 콘텐츠를 대체하여 제공하는 텍스트 정보

2. 대체텍스트의 필요성/목적

시각 장애인에게 중요한 지표: 소리로 모든 내용을 이해하는 시각 장애인에게 텍스트 정보가 음성으로 변환이 가능하다.

  • 음성으로 변환이 가능한 텍스트로 제공(화면낭독기)
  • 이미지가 제공되지 못하는 환경에서 대체 텍스트를 화면에 제시
  • 검색엔진에서 이미지를 검색할 때, 대체 텍스트를 검색포털에서 보여질 수 있는 조건으로 제시

3. 대체텍스트의 검사항목 해설

웹 접근성의 여러 지표 중 많은 부분이 시각 장애인을 위해 존재한다. 이 중 가장 기초가 되고 중요한 지표가 대체텍스트의 제공이다. 최대한 정보를 전달하되 짧게 전달하는 것이 중요한데 시각적으로 전달되는 정보의 핵심을 놓치지 않으면서 최대한 간결하게 제공해야 한다.

4. 대체텍스트의 제공 방법

(1) 제공 방법

기준: 텍스트가 아닌 콘텐츠를 이용할 경우, 해당 이미지가 제공하는 의미나 용도를 동일하게 인식할 수 있는 적절한 대체텍스트 제공 시 준수한 것으로 인정한다.

(2) 오류 유형

a. 텍스트 이미지에 대체 텍스트를 미 제공한 경우

대체텍스트 오류 유형1 (출처: 배움나라)

b. 불충분한 대체 텍스트를 제공한 경우

대체텍스트 오류 유형2 (출처: 배움나라)

c. 오타로 표기된 경우

대체텍스트 오류 유형3 (출처: 배움나라)

d. <input type="image">에 대체 텍스트를 미제공한 경우

대체텍스트 오류 유형4 (출처: 배움나라)

e. 게시판 내용 중 이미지의 대체 텍스트를 미제공한 경우

대체텍스트 오류 유형5 (출처: 배움나라)

f. 블릿 이미지에 대한 대체텍스트를 미제공한 경우

대체텍스트 오류 유형6 (출처: 배움나라)

g. 이모티콘처럼 한글이나 영문자 등을 통해 형상화한 경우

대체텍스트 오류 유형7 (출처: 배움나라)

h. 의미없는 이미지에 대한 대체텍스트를 제공한 경우

대체텍스트 오류 유형8 (출처: 배움나라)

i. 여러 개로 분리한 이미지 조각의 대체텍스트 제공

대체텍스트 오류 유형9 (출처: 배움나라)

멀티미디어 대체수단

1. 멀티미디어 대체수단의 개념

- 주로 음성을 포함하는 영상 또는 음성으로만 제공도는 콘텐츠 등
- 멀티미디어 콘텐츠의 대체수단은 음성정보를 대신하여 시각적인 정보인 자막이나 대본 또는 수화 등의 대체해주는 것

2. 멀티미디어 대체수단의 필요성/목적

청각 장애인에게 중요한 지표: 영상 또는 음성 콘텐츠에서 제공되는 소리를 시각적 정보인 자막, 대본, 수화를 통해 인식한다.부가적인 정보로 비장애인도 콘텐츠의 내용을 명확하게 이해 가능하게 도와주는 목적도 가지고 있다.

3. 멀티미디어 대체수단의 검사항목 해설

'동기화된 자막'이 원칙이다. 그러나 비용과 현실이 고려되어 양보되어진 항목이다.

  • 정보의 정확성과 한 화면에서 볼 수 있도록 제공
  • 정보에 차별이 생기지 않도록 주의: 청각장애인
  • 파일로 제공되는 동영상과 음성 및 자막도 평가대상에 포함
  • 닫힌 자막(Closed Caption)을 오디오와 동기화시켜 제공
  • 즉시성이 필요한 경우, 실시간 수화를 제공하거나 자막을 제공
닫힌 자막과 열린 자막

닫힌 자막: 영상 화면에서 자막 기능을 닫을 수 있는 자막

열린 자막: 영상 화면에 완전히 박혀버려 자막 만을 수정하거나 지울 수 없는 상태

4. 멀티미디어 대체수단의 제공 방법

(1) 제공 방법

기준: 멀티미디어 콘텐츠를 동등하게 인식할 수 있도록 제작하기 위해서 자막, 대본 또는 수화를 제공한 경우 준수한 것으로 인정한다.

(2) 오류 유형

a. 영상, 음성 콘텐츠에 자막, 대본, 수화 중 하나 이상의 대체 수단을 제공하지 않은 경우

멀티미디어 대체 수단 오류 유형1 (출처: 배움나라)

b. 내용 전체를 충분히 설명하지 않고, 요약 정보나 제목만 제공하는 경우

멀티미디어 대체 수단 오류 유형2 (출처: 배움나라)

c. 텍스트만 제공하는 영상 콘텐츠에서 동등한 음성을 미제공시

멀티미디어 대체 수단 오류 유형3 (출처: 배움나라)

(3) 주의사항

a. 파일로 제공되는 영상, 음성 콘텐츠도 평가 대상에 포함(단, 파일로 제공되는 영상, 음성의 자막은 파일로 제공한 경우도 준수한 것으로 인정)

b. 자막으로 인해 수화가 가리지 않도록 하고, 원고는 페이지를 벗어나지 않는 수준으로 제공해야 함

자막으로 인해 수화가 가려지는 경우 (출처: 배움나라)
원고가 페이지를 벗어나는 경우 (출처: 배움나라)

c. 사용자가 등록한 콘텐츠 제공 시, 자막을 등록하도록 유도하는 문구 또는 자막생성 툴을 제공하는 것을 권장

내용 정리

1. 대체 텍스트

  • 대체 텍스트는 이미지의 alt속성 값을 이용해서 제공
  • 이미지의 내용이 복잡하거나 길어질 경우에는 longdesc속성을 이용하여 별도의 파일로 제공

2. 멀티미디어 대체수단

  • 동영상의 내용과 동일한 자막, 수화 또는 원고 등을 제공
  • 실시간으로 제공하는 CCTV같은 영상은 제공하지 않음
댓글
© 2018 webstoryboy