티스토리 뷰
반응형
검사항목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