본문 바로가기
인터넷 & 모바일/뉴미디어디자인 & UX

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

by 자꾸웃음이나와 a4b4 2016. 9. 29.
728x90
반응형

장애인 웹 접근성 관련 (한국형 웹 콘텐츠 접근성 지침 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까지 낮출 수 있다


728x90
반응형

댓글0