접근성: 텍스트 및 그래픽 준비하기
2 분 분량
시각 장애를 가진 방문자는 사이트 페이지 전경과 배경을 구별하기 어려울 수 있습니다. 이러한 방문자의 접근성을 향상시키기 위해 다음을 시도해 보세요.
- 텍스트 색상 및 배경 색상 대비를 일반 텍스트의 경우 4.5:1로, 큰 텍스트의 경우 3:1로 변경합니다.
- 그래픽 및 사용자 인터페이스 구성 요소(양식 입력 테두리, 플레이스홀더 등)의 대비 비율은 최소 3:1입니다.
- AAA 등급은 일반 텍스트의 경우 최소 7:1로 큰 텍스트의 경우 최대 4.5:1의 높은 명암비를 요구합니다.
참고:
큰 텍스트는 14 포인트(약 18픽셀) 이상, 굵게 또는 18 포인트(약 24픽셀) 이상으로 정의됩니다.
색상 대비 테스트하기
Contrast Checker 등과 같이 전경색과 배경색(색상 코드 사용)을 비교하여 색상 대비를 테스트를 하는 다양한 사이트와 브라우저 플러그인이 있습니다 배경 이미지 위 텍스트의 색상 대비를 확인하려면, 배경 색상을 선택한 후 테스트할 수 있도록 하는 Colour Contrast Analyser 사용을 권장합니다.
Wix 에디터에서 색상 코드 확인하기
Wix ADI 색상 코드 확인하기
접근성 마법사에서 색상 대비를 조정하는 방법
사이트에 그래프 또는 데이터를 표시하나요?
고대비 색상은 사이트에 데이터를 표시하는 좋은 방법입니다. 하지만, 정보를 구별하기 위해 다른 지표(예: 질감 및 패턴)도 사용할 것을 권장합니다.
다음 단계:
접근성 체크리스트로 돌아가 접근성을 위해 사이트를 계속 개선하세요.