CCA / Color Contrast Analyzer / 웹표준 지키기 / 명도대비 확인하기

 

웹표준 웹표준 그러는데

솔직히 이전 회사에 있을 때는

지킬 일이 전혀 없었다.

 

완전 주먹구구식 처리.

 

심지어 내 뒤에 들어온 자칭 '웹디자이너'는

공백을 흰색 jpg로 처리...

퍼즐 맞추듯이 모든 이미지를 "썰어"줘서

충격이었다

 

 

오늘은 웹표준을 지켰는지 안 지켰는지 확인할 수 있는

한 가지 툴을 소개하고자 한다.

 

Color Contrast Analyzer : 줄여서 CCA라고 한다.

 

 

오늘 강사님의 소개말씀으로는

글자색과 배경색의 명도대비가 적어도 4.5 이상이어야 된다고 하셨다.

 

 

일단 CCA부터 다운로드 받아보자.

 

 

구글에 검색하면 최상단에 보인다.

 

 

 

이러한 페이지가 열리고, 나는 윈도우니까 "Download for Windows" 버튼 클릭

 

 

Downloads 중에

Source code ZIP 파일을 다운로드 받으면 된다.

 

 

 

압축을 푼 후, Package 폴더 안의 응용프로그램 중 자신의 사양과 맞는 것을 실행시켜 주면 된다.

 

 

 

실행 후에는 검사를 하고 싶은 페이지의 글자 부분과 배경 부분을 각 피커로 찍어보면

아래 창에서 결과를 확인할 수 있다.

 

검정색과 흰색으로 하면 최대치인 21:1이 나온다.

 

 

이젠 접근성인지 표준성인지 죄다 지켜야지

 

하하