콘트라스트 체커

텍스트 명암비를 계산하기 위한 WCAG 색상 대비 검사기.

콘트라스트 비율 21:1

WCAG AA: Pass

WCAG AAA: Pass

일반 텍스트 예제 - 16픽셀

WCAG AA: Pass

WCAG AAA: Pass

대용량 텍스트 18pt/24px 예제

WCAG AA: Pass

텍스트와 배경의 색상을 평가해야 합니다.WCAG 2.1 가이드라인에 따르면 다음과 같습니다. 큰 텍스트 - 최소 크기가 18px인 텍스트는 3:1 의 명암비가 필요합니다. 작은 텍스트 - 크기가 18px 미만인 텍스트에는 4. 5:1 의 명암비가 필요합니다.

명암비가 낮은 배경의 텍스트는 읽기 어려운 경우가 많습니다.이는 시각 장애가 있는 사람들에게 부정적인 영향을 미칠 뿐만 아니라 실제로 모든 사용자에게 불편을 끼칩니다.화창한 날 밖에서 휴대폰으로 문자를 읽는 경우를 예로 들 수 있습니다.

접근 가능한 웹 사이트는 시각 또는 청각 장애인이 제한 없이 사용할 수 있도록 설계된 웹 사이트입니다.예를 들어 이렇게 하면 모든 사이트 요소의 색상 대비가 충분합니다. 즉, 텍스트 색상이 배경색과 상당히 다릅니다.

특정 그래픽 및 인터페이스 구성 요소에는 최소 3:1 의 명암비가 필요합니다.단, 로고, 장식용 이미지 또는 일반 미디어 파일은 포함되지 않습니다.