[접근성연구·저시력] 4.5대 1이라는 최소선

명도 대비 기준 연구

〈디지털 접근성 연구 029〉 — 이 글은 규정이 아니라 하나의 연구 관점입니다. 인용 수치·기준은 출처와 함께, 미확정 영역은 그렇다고 밝혀 작성합니다.

들어가며

같은 화면을 두 사람이 본다. 한 사람은 "글씨가 선명하다"고 하고, 다른 사람은 "흐려서 잘 안 보인다"고 한다. 화면도, 글자 크기도 같다. 다른 것은 사람의 눈, 그리고 글자와 배경 사이의 대비다.

저시력 사용자에게 가장 흔한 막힘은 '글자가 작아서'가 아니라 '글자와 배경이 비슷해서'인 경우가 많다. 연한 회색 글자를 흰 배경 위에 올리면 디자인은 깔끔해 보이지만, 대비가 낮은 그 글자는 시력이 약한 사람에게 거의 읽히지 않는다. 밝은 햇빛 아래 휴대폰을 볼 때는 시력이 정상인 사람도 같은 어려움을 겪는다.

이 '읽히는가 아닌가'를 가늠하기 위해, 접근성 표준은 글자와 배경의 밝기 차이를 숫자로 잰다. 그 숫자가 명도 대비비(contrast ratio)이며, 가장 자주 인용되는 최소선이 4.5대 1이다. 이번 편은 'A 기준연구' 관점에서, 이 4.5대 1이라는 숫자가 어디서 왔고 무엇을 뜻하는지, 어떤 예외가 있는지, 그리고 이 숫자를 어떻게 받아들여야 하는지를 정리한다. 숫자 하나로 가독성을 다 설명할 수는 없지만, 출발선으로서 이 최소선이 무엇을 보장하려 하는지는 알아 둘 가치가 있다.

1. 명도 대비란 무엇인가 — 숫자로 잰 밝기 차이

명도 대비비는 두 색의 상대 휘도(relative luminance) 차이를 비율로 나타낸 값이다. 상대 휘도란 색이 얼마나 밝게 지각되는지를 0(완전한 검정)에서 1(완전한 흰색) 사이의 값으로 환산한 것이다. WCAG는 이 상대 휘도를 빨강·초록·파랑 각 성분에 가중치를 주어 계산하는 공식을 제시한다(W3C, 원문 확인이 안전하다).

대비비는 (밝은 색 휘도 + 0.05) / (어두운 색 휘도 + 0.05) 형태로 계산되며, 결과는 1대 1(차이 없음)에서 21대 1(순수한 검정과 흰색) 사이에 놓인다. 흰 배경에 검은 글자가 가장 높은 21대 1이고, 회색이 옅어질수록 비율은 1에 가까워진다.

여기서 중요한 점은, 대비비가 '색상'이 아니라 '밝기'를 본다는 것이다. 빨강과 초록처럼 색상은 다르지만 밝기가 비슷한 두 색은 대비비가 낮게 나온다. 그래서 명도 대비 점검은 색각 특성과는 또 다른 축의 문제다(색의 구분 문제는 이후 '색각' 묶음에서 별도로 다룬다). 대비는 "밝기가 충분히 다른가"를 묻는다.

대비비의 범위를 몇 가지 색 조합으로 가늠하면 다음과 같다.

색 조합	대략의 대비비	저시력 사용자에게
흰 배경 + 검은 글자	약 21대 1	가장 또렷함
흰 배경 + 진회색 글자	약 7~12대 1	대체로 또렷함
흰 배경 + 중간 회색 글자	약 4.5대 1 부근	최소 가독 경계
흰 배경 + 옅은 회색 글자	약 2~3대 1	흐려서 읽기 어려움
비슷한 밝기의 두 색	1에 가까움	거의 구분 안 됨

(관점) 위 수치는 색 조합에 따른 대략의 가늠일 뿐, 정확한 값은 색값으로 계산해야 한다. 핵심은 '깔끔해 보이는 옅은 회색'이 곧장 '안 읽힘'으로 떨어지는 구간이 존재한다는 점이다.

1-1. 왜 하필 숫자로 재는가

"보기 좋으면 됐지 왜 숫자까지 재느냐"는 의문이 자연스럽다. 그러나 '보기 좋다'는 보는 사람마다 다르다. 시력이 좋은 디자이너의 눈에 선명한 회색이, 저시력 사용자에게는 배경과 구분되지 않을 수 있다. 사람의 주관에만 맡기면 가장 잘 보이는 사람의 기준으로 화면이 만들어진다.

숫자는 이 주관을 줄이는 장치다. 누가 재도 같은 색 조합이면 같은 값이 나온다. 4.5대 1을 넘는지 아닌지는 의견이 아니라 측정이다. 물론 숫자가 가독성의 전부는 아니다. 글꼴, 굵기, 자간, 배경의 무늬 같은 요소도 영향을 준다. 하지만 측정 가능한 최소선을 두면, 적어도 "이 정도 밝기 차이는 확보하자"는 공통의 바닥이 생긴다.

2. 4.5대 1은 어디서 왔나 — 기준의 배경

WCAG 2.1의 1.4.3 'Contrast (Minimum)'(대비 최소) 기준은 일반 텍스트에 대해 최소 4.5대 1의 대비비를 충족할 것을 설명한다(W3C, 원문 확인 권장). 이 숫자는 임의로 정한 것이 아니라, 대략 20/40 수준(보통 시력의 절반 정도)의 저시력을 가진 사람도 읽을 수 있도록 한 추정에 근거한 것으로 알려져 있다. WCAG의 'Understanding' 문서는 이 기준이 노화나 경증 저시력으로 인한 대비 감도 저하를 고려한 값임을 설명한다(원문 확인 권장).

여기에는 두 단계의 기준이 있다.

AA 등급(4.5대 1): 일반 텍스트의 최소 대비. 대부분의 공공·민간 접근성 정책이 목표로 삼는 수준이다.

AAA 등급(7대 1): 1.4.6 'Contrast (Enhanced)'가 제시하는 더 높은 대비. 더 넓은 범위의 저시력 사용자를 포괄하려는 강화 기준이다.

즉 4.5대 1은 '이상적인 대비'가 아니라 '여기 아래로는 내려가지 않는 최소선'이다. 이 숫자를 충족했다고 해서 모든 사람에게 충분히 또렷한 것은 아니며, 더 높은 대비가 더 많은 사람에게 도움이 된다는 점은 변하지 않는다. 4.5대 1은 바닥이지 천장이 아니다.

2-1. '큰 글자'의 예외 — 3대 1

WCAG는 글자가 충분히 크면 대비 요구를 다소 완화한다. 큰 텍스트(large text) — 대략 18pt 이상, 또는 굵은 글씨 14pt 이상에 해당하는 크기 — 에 대해서는 3대 1을 최소선으로 본다(원문 확인 권장). 큰 글자는 획이 굵고 면적이 넓어, 같은 대비라도 더 잘 읽히기 때문이다.

이 예외는 "글자를 키우면 대비는 좀 낮아도 된다"는 뜻으로 오해되기 쉽지만, 정확히는 "큰 글자는 더 낮은 대비에서도 최소 가독을 확보할 수 있다고 본다"는 추정에 가깝다. 본문처럼 작은 글자에는 여전히 4.5대 1이 적용된다.

2-2. 텍스트가 아닌 요소 — 1.4.11

글자만 대비가 필요한 것은 아니다. WCAG 2.1의 1.4.11 'Non-text Contrast'(비텍스트 대비)는 버튼의 경계, 입력 칸의 테두리, 아이콘, 초점 표시 같은 UI 구성요소와 그래픽 객체에 대해 인접 색과 최소 3대 1의 대비를 설명한다(원문 확인 권장). 글자는 또렷한데 입력 칸의 경계가 너무 옅어 어디를 눌러야 할지 모르는 화면이 여기에 해당한다. 대비 점검은 글자에만 한정되지 않는다.

네 갈래 기준을 표로 모으면 다음과 같다.

기준(참고 항목)	최소선	적용 대상	성격
1.4.3 대비(최소) AA	4.5대 1	본문 등 작은 글자	가장 자주 인용되는 바닥
1.4.3 큰 글자 AA	3대 1	18pt↑ / 굵은 14pt↑	큰 글자의 완화
1.4.6 대비(강화) AAA	7대 1	더 넓은 저시력 포괄	지향점
1.4.11 비텍스트 대비	3대 1	버튼 경계·입력칸·아이콘·초점	글자 외 요소

(인용) 위 항목 번호·수치는 WCAG 2.1 표기이며 정확한 등급·예외는 원문 확인이 안전하다. 네 갈래의 공통 메시지는 '밝기 차이를 일정 이상 확보하라'는 것이다.

3. 숫자가 놓치는 것 — 대비만으로 충분하지 않은 이유

4.5대 1을 충족한 화면이 반드시 읽기 편한 것은 아니다. 대비비는 가독성의 한 축일 뿐, 전부가 아니다. 우리는 이 점을 분명히 해 두는 것이 정직하다고 본다.

3-1. 글꼴의 가늘기

같은 색, 같은 대비비라도 획이 가는 글꼴은 굵은 글꼴보다 읽기 어렵다. 가는 획은 차지하는 면적이 작아, 측정값이 같아도 지각되는 또렷함이 떨어진다. 그래서 대비비가 기준을 넘더라도, 지나치게 가는 글꼴은 별도로 살펴볼 여지가 있다.

3-2. 배경의 무늬와 이미지

글자 뒤에 사진이나 그라데이션 배경이 깔리면, 배경 색이 위치마다 달라져 대비비가 일정하지 않게 된다. 한 지점에서는 4.5대 1을 넘어도 다른 지점에서는 글자가 묻힌다. 단색 배경을 전제로 한 대비 측정은 이런 경우를 충분히 반영하지 못한다.

3-3. 화면 밝기와 환경

같은 화면도 어두운 실내와 밝은 햇빛 아래에서 다르게 보인다. 야외에서 햇빛에 화면이 씻겨 보일 때는, 실내에서 충분했던 대비도 부족하게 느껴진다. 대비비는 화면 자체의 값을 재므로, 사용 환경의 변수는 담지 못한다.

이런 한계가 있다고 해서 4.5대 1이 무의미한 것은 아니다. 오히려 그 반대다. 환경과 글꼴이라는 변수를 통제할 수 없으니, 적어도 화면이 통제할 수 있는 부분 — 글자와 배경의 밝기 차이 — 에서는 충분한 여유를 확보하자는 것이 최소선의 취지다. 숫자는 출발선이고, 그 위에 글꼴·배경·환경에 대한 판단이 더해져야 한다.

숫자가 놓치는 변수를 표로 정리하면 다음과 같다.

변수	대비비가 못 보는 이유	누가 판단하나
글꼴의 가늘기	같은 대비라도 가는 획은 덜 또렷	사람(굵기·면적 살핌)
배경의 무늬·이미지	위치마다 대비비가 달라짐	사람(지점별 묻힘 확인)
화면 밝기·환경	화면값만 재고 햇빛 등은 못 담음	사람(실제 환경 가늠)

(관점) 표는 '4.5대 1을 넘으면 끝'이 아님을 보여준다. 숫자는 통제 가능한 한 축(밝기 차이)의 바닥을 정할 뿐, 나머지 변수는 여전히 사람의 눈이 본다.

4. 기준을 어떻게 받아들일 것인가 — 연구의 관점

우리는 4.5대 1을 '통과해야 할 시험 점수'로만 보지 않으려 한다. 그렇게 보면 4.5를 아슬아슬하게 넘기는 색이 '최선'처럼 다뤄지고, 4.4에서 떨어지는 색은 '실패'로 단죄된다. 그러나 대비는 연속적인 값이다. 4.5와 4.4 사이에 절벽이 있는 것이 아니라, 높을수록 더 많은 사람에게 또렷해지는 완만한 경사가 있을 뿐이다.

4-1. 최소선이 아니라 목표선으로

기준을 '여기까지만 하면 된다'는 상한으로 받아들이면, 화면은 늘 바닥 근처에 머문다. 반대로 '여기 아래로는 내려가지 않는다'는 하한으로 받아들이고, 가능하면 더 높은 대비를 지향하면, 더 넓은 사용자가 편해진다. AAA의 7대 1은 그런 지향점의 한 예다. 모든 화면이 7대 1을 달성할 수는 없겠지만, 본문처럼 오래 읽는 텍스트라면 4.5보다 여유 있는 대비를 두는 편이 안전하다.

4-2. 디자인과 충돌할 때

옅은 회색의 절제된 톤은 분명 미감이 있다. 그러나 그 미감이 누군가에게 '안 읽힘'을 뜻한다면, 둘 사이에서 균형을 찾아야 한다. 우리는 이 균형이 "디자인을 포기하라"가 아니라 "읽히는 선 안에서 절제하라"에 가깝다고 본다. 같은 회색 계열 안에서도 대비를 확보하는 톤은 존재하며, 글자색만이 아니라 굵기·크기·배경을 함께 조정해 또렷함을 만들 수 있다.

4-3. 한 색 조합이 아니라 시스템으로

대비는 개별 글자 하나가 아니라 화면 전체의 색 체계에서 나온다. 본문, 보조 텍스트, 비활성 텍스트, 링크, 경계선, 아이콘 — 각각이 배경과 어떤 대비를 갖는지를 색 체계 차원에서 정해 두면, 화면마다 즉흥적으로 결정하다 바닥을 깨는 일을 줄일 수 있다. 대비를 '색 토큰 설계'의 일부로 다루는 관점이다.

세 가지 받아들이는 자세를 표로 정리하면 다음과 같다.

흔한 태도	이 글이 권하는 태도	효과
4.5를 통과 점수로 봄	내려가지 않는 하한으로 봄	4.4가 '실패'로 단죄되지 않음
디자인 vs 가독을 양자택일	읽히는 선 안에서 절제	미감과 가독의 균형
색 조합을 화면마다 즉흥 결정	색 토큰 체계로 미리 설계	화면마다 바닥 깨짐 방지

(관점) 대비는 4.5와 4.4 사이에 절벽이 있는 것이 아니라, 높을수록 더 많은 사람에게 또렷해지는 완만한 경사다. 그래서 '통과/실패'가 아니라 '목표선'으로 다룬다.

5. 대비를 가늠하는 실무적 시선

기준을 알았다면, 이를 화면에서 가늠하는 방법도 정리해 둘 만하다. 다음 편(030·031)에서 관찰과 점검을 더 다루므로, 여기서는 기준 연구의 마무리로 큰 줄기만 짚는다.

대비비는 색값(예: 글자색과 배경색의 색상 코드)만 알면 계산할 수 있다. 여러 공개 도구가 두 색을 넣으면 대비비와 AA/AAA 통과 여부를 알려 준다. 다만 도구가 보는 것은 '단색 두 개'이므로, 앞서 본 배경 무늬·그라데이션·환경의 변수는 사람이 별도로 판단해야 한다.

또 하나, 화면을 실제 저시력 조건에 가깝게 보는 방법도 있다. 화면 밝기를 낮추거나, 흐림 필터를 씌우거나, 회색조(grayscale)로 바꿔 보면, 색상에 기대 구분하던 정보가 밝기만으로도 구분되는지를 가늠할 수 있다. 이런 보기는 정밀한 측정은 아니지만, 숫자가 놓치는 '실제로 읽히는가'를 사람의 눈으로 확인하는 데 도움이 된다.

대비를 가늠하는 두 갈래를 표로 정리하면 다음과 같다.

방법	보는 것	한계
색값 계산(도구)	단색 두 개의 대비비·AA/AAA 통과	무늬·그라데이션·환경 못 봄
저시력 모사 보기	흐림·회색조에서 실제 읽힘	정밀 측정 아님, 사람 주관

(관점) 두 방법은 보완 관계다. 도구는 '숫자의 바닥'을, 모사 보기는 '실제로 읽히는가'를 본다. 한쪽만으로는 대비를 충분히 가늠하기 어렵다.

5-1. 반론과 한계

이 기준 연구에도 반론과 한계가 있다.

반론·한계	내용	이 글의 입장
"4.5는 임의의 숫자"	왜 하필 4.5냐는 의문	약 20/40 저시력 가독 추정에 근거
"숫자가 가독성 전부 아님"	글꼴·배경·환경이 더 중요할 때도	인정. 숫자는 출발선, 나머지는 사람 판단
단색 전제의 한계	무늬·그라데이션 배경엔 부정확	지점별로 사람이 별도 확인
도구별 값 차이	반올림·색공간 차이로 미세 차	경계값(4.4~4.6)은 여유 두고 판단

(관점) 한계를 적는 이유는 4.5대 1을 '절대 기준'으로 신격화하지 않기 위해서다. 이 숫자는 바닥이지 천장이 아니며, 그 위의 판단은 사람의 몫으로 남는다.

5-2. ViewCheck의 관점 — 사람과 도구의 분담

대비 점검은 자동 도구가 빠르게 계산하는 영역과 사람이 눈으로 봐야 하는 영역이 갈린다.

점검 항목	자동 점검이 보는 것	사람이 봐야 하는 것
본문 대비	글자색·배경색 대비비 계산	가는 글꼴의 실제 또렷함
비텍스트 대비	경계·아이콘 인접색 대비	어디를 눌러야 할지 분명한지
배경 위 글자	단색 전제의 대비비	무늬·그라데이션 위 묻힘
색 체계	토큰별 대비 일괄 점검	화면 전체의 일관된 가독
환경	(측정 불가)	햇빛·저조도에서의 읽힘

(관점) 자동 점검은 색값으로 대비비를 빠르고 일관되게 계산하고, 사람은 '숫자를 넘겨도 실제로 읽히는가'를 눈으로 본다. ViewCheck는 둘을 합쳐, 가장 잘 보이는 사람의 눈으로 화면이 옅어지는 것을 막는 관점에 선다.

한 장 요약

기준	값	적용 대상
AA 일반 텍스트	4.5대 1 이상	본문 등 작은 글자
AA 큰 텍스트	3대 1 이상	18pt↑ / 굵은 14pt↑
AAA 강화	7대 1 이상	더 넓은 저시력 포괄
비텍스트 요소	3대 1 이상	버튼 경계·입력칸·아이콘·초점

맺으며

4.5대 1은 가독성의 정답이 아니라 출발선이다. 이 숫자는 "여기 아래로는 누군가가 읽지 못할 수 있다"는 경고선이며, 이를 넘었다고 해서 모두에게 또렷한 것은 아니다. 글꼴, 배경, 환경이라는 변수는 숫자 바깥에 있고, 그 판단은 여전히 사람의 몫으로 남는다.

그럼에도 우리는 이 최소선이 중요하다고 본다. 가장 잘 보이는 사람의 눈으로 화면을 만들면, 그 화면은 점점 옅어지고 누군가는 조용히 떨어져 나간다. 숫자로 된 바닥은 그 미끄러짐을 막는 장치다. 다음 편에서는 이 기준이 실제 화면에서 어떻게 무너지는지 — 예쁘지만 읽히지 않는 회색의 함정 — 을 관찰의 시선으로 들여다본다.

다음 편 예고 (030): 030편은 'B 관찰' 관점입니다. 분명 보기 좋은 회색인데 정작 읽히지 않는 화면 — 낮은 대비가 만드는 함정이 실제로 어떤 모습으로 나타나는지를, 단정하지 않고 관찰의 시선으로 살펴봅니다.

참고한 공개 자료(출처):

W3C, Web Content Accessibility Guidelines (WCAG) 2.1 — 1.4.3 Contrast (Minimum), 1.4.6 Contrast (Enhanced), 1.4.11 Non-text Contrast (원문 확인 권장)
W3C, Understanding WCAG 2.1 — Understanding Contrast (Minimum) / 상대 휘도·대비비 계산 공식
한국웹접근성 관련 지침(KWCAG) — 텍스트 콘텐츠의 명도 대비 관련 항목 (원문 확인 권장)
행정안전부, 「전자정부 웹사이트 품질관리 지침」 — 접근성 영역 (고시 원문 확인 권장)

※ 위 자료의 구체 조항·수치는 인용 시점과 버전에 따라 달라질 수 있어, 실제 적용 전 원문 확인이 안전합니다. 본 글은 연구·관점 정리이며 특정 기관의 평가가 아닙니다.