Question 1

WCAG 색상 대비율 기준은 무엇인가요?

Accepted Answer

WCAG 2.1 기준: AA 레벨은 일반 텍스트 4.5:1, 큰 텍스트(18px+) 3:1 이상. AAA 레벨은 일반 텍스트 7:1, 큰 텍스트 4.5:1 이상입니다.

Question 2

접근성 대비율이 중요한 이유는?

Accepted Answer

전 세계 약 2억 5천만 명이 시각 장애를 갖고 있습니다. 충분한 명암 대비는 저시력자, 색맹, 밝은 햇빛 아래 스마트폰 사용자 모두가 텍스트를 읽을 수 있게 합니다.

Question 3

AA와 AAA 기준 중 어떤 것을 사용해야 하나요?

Accepted Answer

AA(4.5:1)는 대부분의 웹사이트와 앱에서 법적 최소 기준입니다. 의료·공공기관·장애인 접근성이 중요한 서비스는 AAA(7:1) 기준을 권장합니다.

Question 4

유튜브 썸네일에도 대비율이 중요한가요?

Accepted Answer

네, 썸네일 텍스트와 배경의 대비율이 높을수록 가독성이 좋아져 클릭률(CTR)이 향상됩니다. 특히 모바일에서 작은 썸네일로 표시될 때 명확한 대비가 더 중요합니다.

Question 5

대비율이 낮을 때 어떻게 개선하나요?

Accepted Answer

텍스트를 더 어둡게(배경이 밝을 때) 또는 더 밝게(배경이 어두울 때) 조정하세요. 흰 텍스트에 어두운 그림자를 추가하거나, 텍스트 뒤에 반투명 배경을 사용하는 것도 효과적입니다.

Question 6

이 도구는 어떻게 대비율을 계산하나요?

Accepted Answer

W3C WCAG 2.1 공식 알고리즘을 사용합니다. 각 색상의 상대적 광도(Relative Luminance)를 계산한 후 (L1+0.05)/(L2+0.05) 공식으로 대비율을 구합니다. 모든 계산은 브라우저에서 이루어집니다.

색상 대비 검사기

WCAG 색상 대비율이란?