티스토리 뷰

색에 무관한 콘텐츠 인식

정보를 구분하는 구별점을 색상으로만 하지 않고, 색을 배제하더라도 인식할 수 있도록 제공하는 것

필요성

시력이 약한 사용자에게 색상이 아닌 다른 방식으로 구분할 수 있는 정보 제공

제공방법

  • 그래프의 경우 색이 아닌 패턴 또는 인출선등을 이용하여 알려줌
  • 필수입력 항목을 색으로면 표현하지 않고, 블릿이나 텍스트의 형태를 구분하여 제공함

명확한 지시사항 제공

지시사항 정보를 특정감각에 의존하지 않고 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 제공하는 것

제공방법

  • ‘여기를 클릭하세요’, ‘검정색을 클릭하세요’ 등 모양, 색, 방향 등으로만 구분지면 안되며, 다양한 감각을 통해 용도나 목적을 이해할 수 있도록 해야함
  • 지시사항을 전달하는 콘텐츠에 한정해 적용함
  • 무엇을 지시하는지 명확하게 하기 위해 목적이 분명한 지시가 되어야 함
  • 특정 감각에만 의존하지 않고 다른 감각을 통해서도 지시사항을 인식할 수 있도록 정보를 제공함

텍스트 콘텐츠의 명도 대비

시력이 약한 사용자를 위한 지침으로 최소한의 명도 차이를 둠으로써 정보를 인식할 수 있도록 함(본문 콘텐츠에 대해서만 적용)

제공방법

  • 굵은 14px 이상 굵은 18px미만의 텍스트 명도대비 - 3;1
  • 보통형태의 18px미만의 텍스트 명도대비 - 4.5:1
  • 보통형태의 18px이상의 텍스트 명도대비 - 3:1
  • 화면 확대가 가능하도록 구현한 콘텐츠의 명도대비 - 3:1

검사제외항목

  • 단순히 장식 목적으로만 사용한 텍스트
  • 로고 또는 상호와 같은 텍스트 이미지
  • 마우스나 키보드를 활용하여 초점을 받았을 때 색이나 명도 대비가 변화하는 콘텐츠
  • 사용할 수 없음을 표시하기 위하여 명도 대비를 낮춘 회색의 컨트롤이나 입력 서식 등

배경음 사용 금지

배경음으로 인해 화면낭독기의 음성이 방해받지 않게 하여 웹 콘텐츠를 인식 가능하도록 함

제공방법

  • 3초 이내 자동으로 재생되는 배경음은 예외
  • 3초 이상 자동으로 재생되는 배경음에 대하여 정지 기능을 바로 제공하면 준수한 것으로 인정함

댓글
© 2018 webstoryboy