Seong-Jung's Blog

반응형
다운로드 링크 : 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

  • 영문 도움말을 제공합니다.





반응형

반응형

웹접근성 평가 도구 중 하나로, 명도 대비 테스트 및 시각 장애 유형별로 화면을 확인해볼 수 있도록 기능을 제공합니다.

  • 색상 추출 및 명도대비 확인

- 배경색 선택 --> 전경색 선택 --> 결과 확인

  • 명도대비 준수시


  • 명도대비 미준수시 (상세결과까지 확인 결과)

환경설정

환경설정 > 항상 위에 노출

  • 다른 윈도우 화면에 가려지지 않도록 가장 상단 레이어에 위치합니다.

환경설정 > 글꼴

  • 프로그램의 글꼴을 설정합니다.

환경설정 > 색상 값 유형 선택

  • Hex 값으로 색상을 추출할지, RGB 값으로 색상을 추출할지 설정합니다.

환경설정 > 색각이상을 위한 대비결과 노출


  • 색각이상(각 장애별 시각 관점) 명도 대비를 확인합니다.

환경설정 > 색상 슬라이더 보기


  • 색상 슬라이더를 추가합니다.

이미지

이미지 > 창(목록안에서) 선택


  • 윈도우 창 오브젝트 중, 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
    (검사방법 : "창 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장)

※ 주의할 점 : 브라우저 창의 경우, 활성화된 탭의 항목만 테스트 가능합니다.

시뮬레이션 옵션

  • 제1색각이상

  • 제2색각이상

  • 제3색각이상

  • 흑백용

  • 색반전

  • 백내장

  • 색구분에 문제가 없는

이미지 > 이미지 파일 선택


  • 이미지 파일을 불러와 장애 유형별 시각적으로 어떻게 표현되는지 확인할 창을 선택합니다.
    (검사방법 : "이미지 파일 선택" 영역에서 확인할 창 선택 --> 시뮬레이션 옵션 선택 --> 미리보기 또는 저장 (저장시 jpg 또는 bmp 형식의 파일로 저장. 각 시뮬레이션 옵션은 창(목록안에서) 선택의 옵션과 같은 결과가 나타납니다.)

이미지 > 화면


  • 장애 유형별 시각적으로 표현되는 정보를 특정 영역 안에서 확인이 가능하도록 합니다. 단점은, 화면의 크기를 조정할 수 없습니다.

도움말

도움말 > 도움말

도움말 > 정보


  • Colour Contrast Analyser의 버전 정보 및 이메일, 웹사이트 정보를 제공합니다.



반응형