티스토리 뷰

검사항목 1 : 적절한 대체 텍스트

텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.

이미지 관련하여 평가 방법

구분 설명 평가 방법
전경 이미지 의미를 포함한 이미지 의미가 있는 텍스트 이미지, 그래프, 사진 등에 적절한 대체 텍스트를 제공해야 함 alt속성으로 이미지를 이해할 수 있는 대체 텍스트를 제공하는지 평가
의미가 없는 이미지 의미가 없는 글머리표, 기호, 테두리 등 장식용 이미지에 빈 문자로 대체 텍스트를 제공해야 함 alt=""와 같이 alt속성에 빈문자로 대체 텍스트를 제공하는지 평가
배경 이미지 의미를 포함한 이미지 의미가 있는 이미지에 적절한 대체 콘텐츠를 제공해야 함 배경으로 처리한 이미지 정보를 상용하는 텍스트로 제공하는지 평가
  • img 요소 외 alt속성을 제공해야 하는 요소 : input, area
  • 전경 이미지, 배경 이미지 구분 : 파이어 폭스에서 ctrl + A 를 눌렀을 때 영역이 지정되면 전경 이미지 or 선택되지 않으면 배경 이미지
  • 도구를 활용하여 배경 이미지 확인 방법 : image메뉴에서 배경숨기기 클릭 -> 숨겨진 이미지중 의미가 있는 이미지를 찾아서 평가
  • openWAX 도구로 이미지 평가 방법 : 페이지에서 오픈왁스 클릭 -> 현재 페이지 검사
  • 소스에서 대체 텍스트 확인 방법 : 원하는 이미지에 우클릭 후 요소 검사클릭 -> 하단의 검사하기 창에서 소스 코드 확인

 

검사항목 2 : 자막 제공

멀티미디어 콘텐츠에는 자막, 원고, 수화를 제공해야 한다.

자막 제공 평가 방법

  • 동기화된 자막과 수화 제공
  • 원고 또는 대본 제공 (일부만 제공되면 안됨)
  • 텍스트 영상에 대체 수단 제공
  • 음성 콘텐츠 대체 수단 제공

 

검사항목 3 : 색에 무관한 콘텐츠 인식

콘텐츠는 색에 관계없이 인식될 수 있어야 한다.

색맹, 색약 장애인의 경우 색구별이 힘들어서 콘텐츠 인식이 불가능 하기 때문에 색을 배제(각각의 색상을 동일한 색상이라고 가정)하여 콘텐츠가 인식 가능한지 평가함

색에 무관한 콘텐츠 인식 평가 방법

1. 적색맹 시각에서 바라본 그래프

 

2. 패턴으로 구분한 사례

 

3. 색을 배제하였을 때 콘텐츠

 

4. 무늬로 구분한 콘텐츠

 

5. 문자로 필수 사항을 제공

 

댓글
© 2018 webstoryboy