티스토리 뷰
검사항목 1 : 적절한 대체 텍스트
텍스트가 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다.
이미지 관련하여 평가 방법
구분 | 설명 | 평가 방법 | |
---|---|---|---|
전경 이미지 | 의미를 포함한 이미지 | 의미가 있는 텍스트 이미지, 그래프, 사진 등에 적절한 대체 텍스트를 제공해야 함 | alt속성으로 이미지를 이해할 수 있는 대체 텍스트를 제공하는지 평가 |
의미가 없는 이미지 | 의미가 없는 글머리표, 기호, 테두리 등 장식용 이미지에 빈 문자로 대체 텍스트를 제공해야 함 | alt=""와 같이 alt속성에 빈문자로 대체 텍스트를 제공하는지 평가 | |
배경 이미지 | 의미를 포함한 이미지 | 의미가 있는 이미지에 적절한 대체 콘텐츠를 제공해야 함 | 배경으로 처리한 이미지 정보를 상용하는 텍스트로 제공하는지 평가 |
- img 요소 외 alt속성을 제공해야 하는 요소 : input, area
- 전경 이미지, 배경 이미지 구분 : 파이어 폭스에서 ctrl + A 를 눌렀을 때 영역이 지정되면 전경 이미지 or 선택되지 않으면 배경 이미지
- 도구를 활용하여 배경 이미지 확인 방법 : image메뉴에서 배경숨기기 클릭 -> 숨겨진 이미지중 의미가 있는 이미지를 찾아서 평가
- openWAX 도구로 이미지 평가 방법 : 페이지에서 오픈왁스 클릭 -> 현재 페이지 검사
- 소스에서 대체 텍스트 확인 방법 : 원하는 이미지에 우클릭 후 요소 검사클릭 -> 하단의 검사하기 창에서 소스 코드 확인
검사항목 2 : 자막 제공
멀티미디어 콘텐츠에는 자막, 원고, 수화를 제공해야 한다.
자막 제공 평가 방법
- 동기화된 자막과 수화 제공
- 원고 또는 대본 제공 (일부만 제공되면 안됨)
- 텍스트 영상에 대체 수단 제공
- 음성 콘텐츠 대체 수단 제공
검사항목 3 : 색에 무관한 콘텐츠 인식
콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
색맹, 색약 장애인의 경우 색구별이 힘들어서 콘텐츠 인식이 불가능 하기 때문에 색을 배제(각각의 색상을 동일한 색상이라고 가정)하여 콘텐츠가 인식 가능한지 평가함
색에 무관한 콘텐츠 인식 평가 방법
댓글
© 2018 webstoryboy