티스토리 뷰

반응형

검사항목4. 명확한 지시사항 제공

지시사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.

º 특정 요소를 가리키거나 지시 사항을 전달하는 콘텐츠가 색, 크기, 모양, 위치 또는 소리 등을 무관하게 인식할 수 있는 수단을 제공하는지 평가

 

검사항목5. 텍스트 콘텐츠의 명도 대비

텍스트 콘텐츠와 배경 간의 명도 대비는 4.5대 1 이상이어야 한다.

텍스트가 18pt 이상 또는 굵은 14p의 텍스트는 3대 1 이상이어야 한다.

화면 확대가 가능하도록 구현한 콘텐츠의 모든 텍스트 콘텐츠는 명도를 3대 1로 낮출 수 있다. 

* 평가제외

  • 단순히 장식 목적으로만 사용한 텍스트
  • 로고 또는 상호
  • 마우스나 키보드 사용 시 명도 대비가 변화하는 콘텐츠
  • 의도적으로 명도 대비를 낮춘 회색의 콘트롤(사용안함을 표시하기 위한 경우)
  • 입력서식

눈으로 보았을 때 텍스트 구분이 어려운 부분을 도구로 평가(원칙적으로 모든 콘텐츠를 평가해야 하지만 시간이 오래 걸림)

 

검사항목6. 자동 재생 금지

자동으로 재생되는 배경음을 사용하지 않아야 한다. 만약 자동으로 재생되는 배경음을 사용할 경우, 3초 미만으로 제공하거나 배경음을 제어할 수 있는 수단 또는 배경음 제어로 이동하는 바로가기 링크를 제공해야 한다. (반복적x)

해당 항목 미준수는 동영상 콘텐츠가 제공되는 경우 많이 발생, 동영상은 정지상태로 제공되어야 함

마우스를 올렸을 때 자동으로 재생되는 콘텐츠는 잘못 제공된 콘텐츠

 

검사항목7. 콘텐츠 간의 구분

이웃한 콘텐츠는 구분될 수 있어야 한다.

* 이웃한 콘텐츠는 아래 1가지 방법 이상으로 구분해야 함

  • 테두리를 이용하여 구분
  • 콘텐츠 사이에 시각적인 구분선을 삽입하여 구분
  • 서로 다른 무늬를 이용하여 구분
  • 콘텐츠 배경색 간의 명도대비(채도)를 달리하여 구분
  • 줄 간격 및 글자 간격을 조절하여 구분
  • 기타 콘텐츠를 시각적으로 구분할 수 있는 방법 등

 

검사항목8. 키보드 사용 보장

텍스트를 입력하기 위한 키보드 조작 이외에도 마우스로 이용할 수 있는 모든 기능에 대해 키보드로 이용할 수 있어야 한다. 

 

검사항목9. 초점이동

키보드에 의한 초점은 논리적으로 이동해야 하며 시각적으로 구별할 수 있어야 한다.

º Tab키와 Shift+Tab 키에 의한 초점 이동 순서가 논리적이며, 일관성 있는지 평가

º a, area, button, input, textarea 콘텐츠 요소에 초점이 논리적으로 이동되는지 평가

* 이동순서 : 웹페이지의 좌측 상단에서 우측 하단으로 이동

 

 

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

댓글
Skin Design Copyright 2018 webstoryboy