Accessibility 본문

5.1 명도 대비

화면에 표시되는 모든 정보는 전경색과 배경색이 구분될 수 있도록 최소 대비 이상으로 제공되어야 한다.

필요성

시각장애인 등은 모바일 기기를 사용할 때 화면에 표시되는 전경색과 배경색 간의 구분이 잘되지 않는 문제 때문에 어려움을 겪는 경우가 많이 발생하고 있다. 특히 전경색과 배경색이 흰색과 회색, 노란색과 주황색 등으로 유사한색으로 되어 있는 경우 이를 인지하기 매우 어렵다.

대상

  • 저시력
  • 색맹

적용기술

  • 모든 정보의 최소 대비는 3:1 이상이어야 하며 저시력 인에게 실효성을 가지기 위해서는 주 콘텐츠는 4.5:1 또는 7:1 이상이 되는 것이 바람직하다.
  • 명도 대비를 높게 제공하기 어려운 경우에는 운영체제에서 제공하는 명도 대비를 활용할 수 있도록 제공하거나 애플리케이션 내에서 명도 대비를 높일 수 있는 설정 기능을 제공해야 한다.

검사방법 및 QA 지표 산정방법

PC

텍스트나 이미지 텍스트와 배경 간의 명도 대비를 3:1 이상으로 제공했는지 체크

오류수(건)

텍스트 콘텐츠와 배경 간의 명도 대비가 3:1 미만인 경우

사례

오류사례

화면 상 정보의 전경색과 배경색의 대비가 최소 3:1이 아닌 경우

오류사례이미지 1
오류사례이미지 2
개선방법

모든 정보의 최소 대비를 3:1 이상으로 한다.

우수사례

최소 대비를 3:1 이상으로 하여 저시력 자도 명확하게 인식할 수 있도록 하였음

우수사례이미지 1
우수사례이미지 2