언어 선택

콘트라스트 체커

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

전경 색상

유효한 16진수 3색항 를 입력하거나 색상 선택기를 사용하십시오.

배경 색상

유효한 16진수 3색항 를 입력하거나 색상 선택기를 사용하십시오.

콘트라스트 비율 21:1

일반 텍스트

WCAG AA: Pass

WCAG AAA: Pass

일반 텍스트 예제 - 16픽셀

대형 텍스트

WCAG AA: Pass

WCAG AAA: Pass

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

그래픽 객체 및 사용자 인터페이스 구성 요소

WCAG AA:  Pass

image/svg+xml
  • 일반 텍스트 크기의 명암비를 계산합니다.
  • 큰 텍스트 크기의 명암비를 계산합니다.
  • 사용자 인터페이스 구성 요소의 명암비를 계산합니다.
  • 색상 피커에서 색상 선택
  • 색상 밝기 설정

콘트라스트 체커 사용 방법

  • 배경색 선택
  • 전경색 선택
  • 필요에 따라 밝기 조정
  • 일반 텍스트와 큰 텍스트에 대한 감사 확인

자주 묻는 질문

콘트라스트 체커는 어떻게 작동하나요?

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

내 웹사이트의 색상 대비가 충분해야 하는 이유는 무엇인가요?

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

웹사이트 접근성은 무엇을 의미하나요?

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

이미지와 동영상이 WCAG 색상 대비 요구 사항을 준수해야 합니까?

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

© Smallize Pty Ltd 2022-2024. All Rights Reserved.