검사항목 1.3 색에 무관한 콘텐츠 인식

화면에 표시되는 모든 정보는 색에 관계없이 인식할 수 있어야 한다.

필요성

데이터를 구분하거나 상태 등의 정보를 표시할 때 색상만을 가지고 콘텐츠의 차이를 나타내면 색맹, 색약 등 색상을 명확히 구분할 수 없는 사용자는 콘텐츠가 나타내고 있는 정보를 정확하게 인식할 수 없으므로 정보를 표시하는데 색상만을 사용해서는 안되며, 색을 배제해도 콘텐츠를 명확하게 인식할 수 있도록 제공해야 한다.

대상

• 색각이상
• 일부 시각장애
• 비장애

체크리스트

• 데이터를 구분하거나 상태를 표시하는 콘텐츠가 있는지 육안으로 확인
• 그래프, 지도 등의 데이터 혹은 상태를 색상만으로 구분하고 있는지 확인
• 페이지 내비게이션, 메뉴, 현재 위치, 필수 항목, 선택 상자, 버튼 등의 상태 혹은 정보를 색상만으로 구분하는지 확인

테스트방법

PC에서 캡처 이미지 기반으로 확인합니다.

1. CCA(Colour Contrast Analyser) 실행
2. ‘Image > Screen’ 또는 ‘Select image file’ 선택
3. ‘Screen convent’에서 Simulation 항목에서 ‘Grayscale’ 선택하여 화면 변환

Colour Contrast Analyser Windows 버전에서만 가능

QA 지표

오류 수

• 색상만으로 구분하는 콘텐츠 수
  • 차트 등의 데이터를 색상으로만 구분한 객체 수
  • 필수 항목을 색상으로만 처리한 객체 수
  • 선택 상자, 버튼 등의 상태 변화를 색상으로만 처리한 요소 수

적용기술

• 콘텐츠(그래프, 차트, 지도 등)는 색에 관계없이 인식될 수 있게 제공해야 한다.
• 색상과 관계없이 인식할 수 있도록 명암, 패턴, 굵기, 블릿 등을 활용하여 콘텐츠를 구분한다.