명도 대비와 웹 접근성(WCAG)

글자와 배경의 밝기 차이를 명도 대비(contrast ratio)라고 하며, 1:1(동일)부터 21:1(검정과 흰색)까지의 비율로 나타냅니다.

웹 접근성 지침(WCAG)은 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1의 대비를 권장합니다. 대비가 낮으면 저시력 사용자나 밝은 야외에서 글자가 잘 안 보입니다.

색을 고를 때는 예쁜지뿐 아니라 배경 위에서 충분히 읽히는지도 확인해야 합니다. 각 색상 상세 페이지의 대비 미리보기로 밝은/어두운 글씨 가독성을 바로 볼 수 있습니다.