colour contrast analyser 다운 및 사용방법, 텍스트 콘텐츠의 명도 대비 [웹 콘텐츠 접근성]

장애인 웹 접근성 관련 (한국형 웹 콘텐츠 접근성 지침 2.1)

텍스트 콘텐츠의 명도 대비를 확인하기 위해서는 명도차를 분석해주는 프로그램이 필요

가장 널리 사용되는 colour contrast analyser 다운로드 및 사용 방법 안내

[colour contrast analyser 프로그램 다운로드]

2016년 9월 최신버전 2.4 다운로드

CCA2.4.exe

아래 주소에서 colour contrast analyser 최신 버전을 다운로드 받을 수 있다.

https://www.paciellogroup.com/resources/contrastanalyser/

[olour contrast analyser 프로그램 설치방법]

다운받은 exe 파일을 실행하면

언어 선택이 가능

설치 클릭하면 colour contrast analyser 설치 끝

[olour contrast analyser 프로그램 사용방법]

프로그램 실행 후

전경색 영역의 스포이드로 글자부분을 선택하고

배경색 영역의 스포이드로 배경색상을 선택하면 

명도대비 값을 보여줌

명도대비 값을 준수하지 못하였을 경우 출력되는 내용...

한국형 웹 콘텐츠 접근성 지침 2.1

텍스트 콘텐츠의 명도 대비 가이드라인

5.3.3. (텍스트 콘텐츠의 명도 대비) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다. 

웹 페이지에서 보이는 텍스트 콘텐츠(텍스트 및 텍스트 이미지)와 배경 간의 충분한 대 비를 제공하여, 저시력 장애인, 색각 장애인, 노인 등도 콘텐츠를 인식할 수 있도록 제공 해야 한다. 다만, 로고, 장식 목적의 콘텐츠, 마우스나 키보드를 활용하여 초점을 받았을 때 명도 대비가 커지는 콘텐츠 등은 예외로 한다(검사 항목 7.1.2 절 참조). 

(1) 콘텐츠의 명도 대비 : 웹 페이지가 제공하는 텍스트 콘텐츠(텍스트 및 텍스트 이미 지)와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다. 

(2) 폰트 크기에 따른 명도 대비 : 텍스트 콘텐츠를 구성하고 있는 텍스트 폰트를 18pt 이상 또는 14pt 이상의 굵은 폰트를 사용하는 경우에는 명도 대비를 3대 1까지 낮 출 수 있다. 

(3) 화면 확대가 가능한 콘텐츠 : 화면 확대가 가능하도록 구현한 텍스트 콘텐츠(텍스 트 및 텍스트 이미지)의 명도 대비는 3 대 1까지 낮출 수 있다