W-Editor 접근성: 텍스트 및 그래픽 준비하기
방문자가 웹사이트 페이지의 전경과 배경의 차이를 구분하기 어려울 수 있습니다. 시각 장애를 가진 방문자들의 위해 접근성을 높이려면, 아래 사항을 권장합니다.
  • 텍스트 색상 및 배경 색상 대비를 일반 텍스트의 경우 4.5:1로, 큰 텍스트(18pt (약 24px) 이상 또는 14pt (약 18px) 이상의 굵은 폰트)의 경우 3:1로 변경합니다.
  • 그래픽 및 사용자 인터페이스 구성 요소(양식 입력 테두리, 플레이스홀더 등)의 대비 비율은 최소 3:1입니다.
  • AAA 등급은 일반 텍스트의 경우 최소 7:1로 큰 텍스트의 경우 최대 4.5:1의 높은 명암비를 요구합니다.
색상 대비 테스트 
Contrast Checker 등과 같이 색상 코드를 사용하여 전경색 및 배경색의 대비를 테스트하는 다양한 웹사이트와 브라우저 플러그인이 있습니다. 배경 이미지에서 텍스트의 색상 대비를 확인하려면, 배경 색상을 선택한 후 테스트할 수 있도록 하는 Colour Contrast Analyser 사용을 권장합니다.
W-Editor에서 색상 코드 확인하기
텍스트 요소 색상 코드 확인하기
  • 색상을 확인하고자 하는 텍스트 요소를 선택합니다.
  • 텍스트 색상 옆의 화살표를 누릅니다.
  • 컬러 옆의 색상 코드 또는 색상표 하단의 RGB 값을 확인합니다.

요소 배경 색상 코드 확인하기
  • 배경 색상을 확인하고자 하는 요소를 선택합니다.
  • 배경색을 클릭합니다.
  • 컬러 옆의 색상 코드 또는 색상표 하단의 RGB 값을 확인합니다.