티스토리 뷰

반응형

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

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

구분 설명 평가방법

전경이미지

의미 포함 이미지

의미가 있는 텍스트 이미지, 그래프, 사진 등에 적절한 대체 텍스트를 제공해야 함

alt="웹접근서 연구소"와 같이 alt속성으로 이미지를 이해할 수 있는 대체 텍스트를 제공하는지 평가
의미 없는 이미지 의미가 없는 글머리표, 기호, 테두리 등 작싱용 이미지에 빈 문자로 대체 텍스를 제공해야 함 alt=""와 같이 alt속성으로 빈 문자로 대체 텍스트를 제공하는지 평가
배경이미지 의미 포함 이미지 의미가 있는 이미지에 적절한 대체 콘텐츠를 제공해야 함 배경으로 처리한 이미지 정보에 상용하는 텍스트를 제공하는지 평가

º 예외적으로, 이미지(img)가 아닌 요소에 alt 속성이 제공되는 경우

1. <input type="image" alt="xxx">

2. <area alt="xxx">

 

º OpenWAX 도구로 이미지 평가하는 방법

대상 페이지 접속 후, OpenWAX 아이콘 실행 현재 페이지 검사 클릭

 

검사항목2. 자막 제공

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

º 동기화 된 자막과 수화 제공 동영상 일부에 자막 또는 수화가 생략되었는지 평가

º 원고 또는 대본을 제공할 수 있음

 

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

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

º 색을 배제하여 콘텐츠를 인식 가능한지 평가

→ 각각의 색상을 동일한 색상이라고 가정(흑백으로 출력했을 경우에도 구분할 수 있는지)

 

 

※해당 내용은 배움나라 온라인강의를 바탕으로 작성하였습니다. 

댓글
Skin Design Copyright 2018 webstoryboy