[웹접근성] Colour Contrast Analyser 사용 방법
웹접근성 평가 도구 중 하나로, 명도 대비 테스트 및 시각 장애 유형별로 화면을 확인해볼 수 있도록 기능을 제공합니다.
- 색상 추출 및 명도대비 확인
- 배경색 선택 --> 전경색 선택 --> 결과 확인
- 명도대비 준수시
- 명도대비 미준수시 (상세결과까지 확인 결과)
환경설정
환경설정 > 항상 위에 노출
- 다른 윈도우 화면에 가려지지 않도록 가장 상단 레이어에 위치합니다.
환경설정 > 글꼴
- 프로그램의 글꼴을 설정합니다.
환경설정 > 색상 값 유형 선택
- Hex 값으로 색상을 추출할지, RGB 값으로 색상을 추출할지 설정합니다.
환경설정 > 색각이상을 위한 대비결과 노출
- 색각이상(각 장애별 시각 관점) 명도 대비를 확인합니다.
환경설정 > 색상 슬라이더 보기
- 색상 슬라이더를 추가합니다.
이미지
이미지 > 창(목록안에서) 선택
- 윈도우 창 오브젝트 중, 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
(검사방법 : "창 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장)
※ 주의할 점 : 브라우저 창의 경우, 활성화된 탭의 항목만 테스트 가능합니다.
시뮬레이션 옵션
- 제1색각이상
- 제2색각이상
- 제3색각이상
- 흑백용
- 색반전
- 백내장
- 색구분에 문제가 없는
이미지 > 이미지 파일 선택
- 이미지 파일을 불러와 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
(검사방법 : "이미지 파일 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장. 각 시뮬레이션 옵션은 창(목록안에서) 선택의 옵션과 같은 결과가 나타납니다.)
이미지 > 화면
- 장애 유형별 시각적으로 표현되는 정보를 특정 영역 안에서 확인이 가능하도록 합니다. 단점은, 화면의 크기를 조정할 수 없습니다.
도움말
도움말 > 도움말
도움말 > 정보
- Colour Contrast Analyser의 버전 정보 및 이메일, 웹사이트 정보를 제공합니다.
'HTML/CSS/웹접근성' 카테고리의 다른 글
[TOOL] Editplus ini 파일 설정하여 꾸미기 (0) | 2014.02.18 |
---|---|
[WEB] 크롬 테마 설정 (0) | 2014.02.18 |
[HTML] 로그인 폼 마크업 하기 (0) | 2014.02.18 |
[웹접근성] Fujitsu Color Doctor 사용 방법 (1) | 2014.02.12 |
[TOOL] Editplus(에디트플러스) "파일" 메뉴 소개 (0) | 2014.02.07 |
[TOOL] Editplus(에디트플러스) "파일" 메뉴 소개
어떠한 툴을 잘 다루기 위해서는 어떻게 해야 할까요? 일단, 툴에서 제공하는 기능을 잘 알아야겠죠?
그래서 대표 편집툴 중 하나인 Editplus(에디트플러스)를 잘 다루기 위해 제가 직접 써보면서 그 기능에 대한 소개를 정리해 나갈 것입니다.
이번 포스팅에서는 "파일" 기능에 대해 소개합니다.
1. 새파일(N) (도구모음 : )
- 에디트플러스에서 새 문서를 작성할 경우에 사용하는 메뉴입니다.
1) 보통문서(N)
- 확장자가 없는 빈 파일 형식의 새 문서를 생성합니다.
[ 보통문서로 새 문서를 생성했을 경우 화면 ]
2) HTML 페이지
- 기본 템플릿 형식의 html 페이지를 생성합니다.
[ HTML 페이지로 새 문서를 생성했을 경우 화면 ]
3) 브라우저 창(B)
- 편집툴 내에 내장 브라우저를 실행합니다.
[ 브라우저 창으로 새 문서를 생성했을 경우 화면 ]
4) 문서 템플릿 구성(T)
- 문서 템플릿 설정을 합니다. 기본적으로 생성되는 문서의 템플릿 형식을 추가/변경할 수 있습니다.
[ 문서 템플릿 구성을 선택했을 때 나타나는 새 창 ]
- "문서 템플릿" 설정 화면에서는 문서 템플릿의 형식을 추가하거나, 기존 문서 템플릿의 형식을 수정할 수 있는 기능을 제공합니다.
- : 새 문서 템플릿을 추가합니다.
자세한 사용 방법!!!
- "추가" 버튼을 누르고 템플릿 파일을 선택해 템플릿 형식을 추가하면 아래와 같이 New Template이 생성됩니다. 메뉴 제목란에 템플릿 명을 적고(예, javascript) 버튼을 누르면 문서 템플릿 추가가 완료됩니다.
|
- : 선택한 문서 템플릿을 제거합니다.
- : 선택한 문서 템플릿을 위로 이동합니다.
- : 선택한 문서 템플릿을 아래로 이동합니다.
- : 문서 템플릿 설정을 모두 기본값으로 되돌립니다.
- : 문서 템플릿 파일의 경로를 지정합니다.
- : 선택한 문서 템플릿 파일을 편집기에 로드합니다.
5) C/C++
- C 또는 C++ 형식의 새문서를 생성합니다.
[ C/C++로 새 문서를 생성했을 경우 화면 ]
6) Perl
- Perl 형식의 새문서를 생성합니다.
[ Perl로 새 문서를 생성했을 경우 화면 ]
7) Java
- Java 형식의 새문서를 생성합니다.
[ Java로 새 문서를 생성했을 경우 화면 ]
8) 다른 파일들(O)
- 다른 템플릿 형식의 새 문서를 생성합니다.
[ 다른 파일들 메뉴를 선택하였을 경우 나타나는 새 창 ]
2. 열기(O) (도구모음 : )
- 새 창에서 기존문서를 엽니다.
3. 닫기(C)
- 현재 실행중인 선택된 문서를 닫습니다.
4. 모두 닫기(E)
- 현재 실행중인 모든 문서를 닫습니다.
5. 저장(S) (도구모음 : )
- 현재 실행중인 문서를 저장합니다.
6. 모두 저장(L) (도구모음 : )
- 현재 실행중인 모든 문서를 저장합니다.
7. 새 이름으로(A)
- 현재 실행중인 문서를 다른 이름으로 저장합니다. (파일명, 파일 형식 해당)
8. 인쇄(P) (도구모음 : )
- 현재 실행중인 문서를 인쇄합니다.
9. 인쇄 미리 보기(V) (도구모음 : )
- 실행중인 문서가 인쇄될 모습을 미리보기 합니다.
[ 인쇄 미리 보기 메뉴를 선택하였을 경우 나타나는 새 창 ]
10. 인쇄 기타
- 인쇄 설정을 합니다.
11. FTP
12. TortoiseSVN
13. 다른 기능(T)
14. 최근 작업 문서(R)
15. 저장 후 종료
16. 종료
'HTML/CSS/웹접근성' 카테고리의 다른 글
[TOOL] Editplus ini 파일 설정하여 꾸미기 (0) | 2014.02.18 |
---|---|
[WEB] 크롬 테마 설정 (0) | 2014.02.18 |
[HTML] 로그인 폼 마크업 하기 (0) | 2014.02.18 |
[웹접근성] Fujitsu Color Doctor 사용 방법 (1) | 2014.02.12 |
[웹접근성] Colour Contrast Analyser 사용 방법 (0) | 2014.02.12 |