[웹접근성] Colour Contrast Analyser 사용 방법

다운로드 링크 : http://files.paciellogroup.com/resources/CCA-KO.zip

웹접근성 평가 도구 중 하나로, 명도 대비 테스트 및 시각 장애 유형별로 화면을 확인해볼 수 있도록 기능을 제공합니다.

• 색상 추출 및 명도대비 확인

- 배경색 선택 --> 전경색 선택 --> 결과 확인

• 명도대비 준수시

• 명도대비 미준수시 (상세결과까지 확인 결과)

환경설정

환경설정 > 항상 위에 노출

• 다른 윈도우 화면에 가려지지 않도록 가장 상단 레이어에 위치합니다.

환경설정 > 글꼴

• 프로그램의 글꼴을 설정합니다.

환경설정 > 색상 값 유형 선택

• Hex 값으로 색상을 추출할지, RGB 값으로 색상을 추출할지 설정합니다.

환경설정 > 색각이상을 위한 대비결과 노출

• 색각이상(각 장애별 시각 관점) 명도 대비를 확인합니다.

환경설정 > 색상 슬라이더 보기

• 색상 슬라이더를 추가합니다.

이미지

이미지 > 창(목록안에서) 선택

• 윈도우 창 오브젝트 중, 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
  (검사방법 : "창 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장)

※ 주의할 점 : 브라우저 창의 경우, 활성화된 탭의 항목만 테스트 가능합니다.

시뮬레이션 옵션

• 제1색각이상
  
  

• 제2색각이상

• 제3색각이상

• 흑백용

• 색반전

• 백내장

• 색구분에 문제가 없는

이미지 > 이미지 파일 선택

• 이미지 파일을 불러와 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
  (검사방법 : "이미지 파일 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장. 각 시뮬레이션 옵션은 창(목록안에서) 선택의 옵션과 같은 결과가 나타납니다.)

이미지 > 화면

• 장애 유형별 시각적으로 표현되는 정보를 특정 영역 안에서 확인이 가능하도록 합니다. 단점은, 화면의 크기를 조정할 수 없습니다.

도움말

도움말 > 도움말

• http://www.paciellogroup.com/resources/contrastAnalyser 페이지로 이동합니다.

도움말 > 정보

• Colour Contrast Analyser의 버전 정보 및 이메일, 웹사이트 정보를 제공합니다.