[웹접근성] Fujitsu Color Doctor 사용 방법
HTML/CSS/웹접근성2014. 2. 12. 14:10
반응형
다운로드 링크 : http://design.fujitsu.com/en/universal/assistance/colordoctor/colordoctor210win.exe
가상의 브라우저를 활용하여 시각 장애 유형별로 화면이 어떻게 표시되는지 확인할 수 있도록 도와주는 도구입니다.
메뉴 설명 및 각 메뉴 사용 방법
- 1번 영역 : 브라우저 화면을 제어할 수 있는 영역입니다.
- Back : 이전 페이지로 이동
- Forward : 앞 페이지로 이동
- Stop : 브라우저 해석 정지
- Refresh : 브라우저 새로고침
- Home : 홈 페이지로 이동
- Go : 입력한 사이트로 이동
- 2번 영역 : 화면 해석 모드 및 실제 변환에 대해 제어할 수 있는 영역입니다.
- Mode : Browser(웹 브라우저 모드 선택), Transparent(투명영역 모드 선택)
- Conversion Filter : 이미지를 변환할 필터 선택
- Real-time conversion : 실시간으로 화면 변경된 내용을 필터 영역에 적용하여 화면에 나타냄
- Convert image : 필터에 의해 변경된 이미지 확인
- 3번 영역 : 필터 변환전 이미지와 필터 변환 후 이미지 표시 영역입니다.
- Original image : 원본 이미지
- Filtered image : 필터링된 이미지
File
File > Open
- 이미지 파일을 열어 각 필터별로 시각적인 표현이 어떻게 되는지 확인합니다.
File > Save Original Image
- 원본파일을 저장합니다. 지원하는 파일 형식은 bmp, jpg, png, tif, gif 형식입니다.
File > Save Filtered Image
- 필터로 변경된 파일을 저장합니다. 지원하는 파일 형식은 bmp, jpg, png, tif, gif 형식입니다.
File > Close
- 프로그램을 종료합니다.
View
View > Conversion Filter
- 화면을 변환할 필터를 선택합니다.
- Gray Scale : 흑백 화면
- Protanopia : 제1색맹, 적색맹
- Deuteranopia : 제2색맹
- Tritanopia : 제3 색맹, 청황(靑黃) 색맹
View > Real-time conversion
- 실시간으로 필터링된 화면을 보여줍니다.
View > Real-time conversion speed
- 실시간으로 필터링된 화면의 변환 속도를 설정합니다.
- high speed : 고속으로 변환(고사양 PC에 알맞음)
- low speed : 저속으로 변환(저사양 PC에 알맞음)
View > Convert Image
- 필터에 의해 변환된 이미지를 표시해줍니다.
View > Mode
- 필터 화면을 설정합니다.
- Browser mode : 웹 브라우저 모드 선택
- Transparent mode : 투명영역 모드 선택
View > Go To
- 브라우저 화면을 제어할 수 있는 영역입니다.
- Back : 이전 페이지로 이동
- Forward : 앞 페이지로 이동침
- Home : 홈 페이지로 이동
Help
Help > About ColorDoctor
- Color Doctor의 버전정보를 제공합니다.
Help > Help Topics
- 영문 도움말을 제공합니다.
반응형
'HTML/CSS/웹접근성' 카테고리의 다른 글
[TOOL] Editplus ini 파일 설정하여 꾸미기 (0) | 2014.02.18 |
---|---|
[WEB] 크롬 테마 설정 (0) | 2014.02.18 |
[HTML] 로그인 폼 마크업 하기 (0) | 2014.02.18 |
[웹접근성] Colour Contrast Analyser 사용 방법 (0) | 2014.02.12 |
[TOOL] Editplus(에디트플러스) "파일" 메뉴 소개 (0) | 2014.02.07 |
[웹접근성] Colour Contrast Analyser 사용 방법
HTML/CSS/웹접근성2014. 2. 12. 13:59
반응형
웹접근성 평가 도구 중 하나로, 명도 대비 테스트 및 시각 장애 유형별로 화면을 확인해볼 수 있도록 기능을 제공합니다.
- 색상 추출 및 명도대비 확인
- 배경색 선택 --> 전경색 선택 --> 결과 확인
- 명도대비 준수시
- 명도대비 미준수시 (상세결과까지 확인 결과)
환경설정
환경설정 > 항상 위에 노출
- 다른 윈도우 화면에 가려지지 않도록 가장 상단 레이어에 위치합니다.
환경설정 > 글꼴
- 프로그램의 글꼴을 설정합니다.
환경설정 > 색상 값 유형 선택
- 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 |