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
'인터넷 & 모바일 > 뉴미디어디자인 & UX' 카테고리의 다른 글
| [N스크린/멀티윈도우] 스마트 TV(IPTV)와 태블릿 PC의 연동 : GOAB. A TV Experience Concept (0) | 2013.06.19 |
|---|---|
| 멀티윈도우(N스크린)를 적용한 온라인 게임 사례 : 스마트폰과 태블릿PC를 활용한... 스크래블(Scrabble)과 폭풍맞고 (2) | 2013.06.18 |
| 영화 마이너리티리포트 (Minority Report, 2002) 전자종이 신문 예시 (0) | 2013.06.17 |
| 멀티스크린 환경에 관한 설문조사 (0) | 2013.03.20 |
| 갈 곳 없는 어이없는 메일 (0) | 2011.12.06 |
| 스마트폰 문자입력 키보드 디자인 - 미래에셋 증권 모바일 디자인을 배워라! (0) | 2011.05.18 |
| ★ 해당 카테고리는... (0) | 2011.01.06 |
| (1/2) 뉴 미디어 디자인의 기본요소 - 스마트폰/태블릿 PC를 중심으로... (0) | 2011.01.06 |
