선명모드의 바닥선

KRDS DS-119 — 선명한 화면 모드에서 전경과 배경의 명도 대비를 4.5:1 이상으로 적용하고 있다.

0. 들어가며 — 선명모드의 대비 바닥선

이번 119편은 선명한 화면 모드에서 전경·배경 명도 대비를 4.5:1 이상으로 하는 규칙입니다.

13편에서 일반 본문 텍스트의 대비 기준이 4.5:1(매직넘버 50)이라고 했습니다. 선명한 화면 모드는 ‘대비를 더 높이는’ 모드인데, 119편은 선명한 화면 모드에서도 최소 4.5:1을 보장하라고 못 박습니다. 즉, 선명모드라면 일반 모드의 본문 기준(4.5:1)을 어떤 요소에서도 밑돌면 안 된다는 바닥선이죠. 이번 편은 선명모드 대비 기준을 풀어냅니다.

1. 규칙 원문 — 4.5:1 이상

DS-119 (디자인 스타일 > 선명한 화면 모드) “선명한 화면 모드에서 전경과 배경의 명도 대비를 4.5:1 이상으로 적용하고 있다.”

선명한 화면 모드에서 글자·요소(전경)와 배경의 명도 대비를 최소 4.5:1 이상으로 하라는 뜻입니다.

정리: 선명한 화면 모드에서 전경·배경 대비를 4.5:1 이상으로 보장하라. 이게 DS-119입니다.

2. 왜 선명모드에도 4.5:1 바닥선인가

명도 대비 4.5:1은 WCAG AA의 본문 텍스트 기준이자, KRDS 매직넘버 50입니다(13편). 일반 모드 본문도 이 기준을 지켜야 하죠.

선명한 화면 모드는 저시력 사용자를 위해 대비를 ‘더’ 높이는 모드입니다. 그런데 모드를 전환하면서 색을 바꾸는 과정에서, 일부 요소(보조 텍스트·아이콘·비활성 상태 등)의 대비가 오히려 떨어질 수 있습니다. 어두운 배경에 중간 회색 글자를 두면 대비가 4.5:1 밑으로 내려갈 수 있죠. 선명모드인데 일반 모드 기준조차 못 지키면 모순입니다.

그래서 119편은 선명한 화면 모드의 모든 전경·배경 쌍이 최소 4.5:1을 넘게 보장하라고 규정합니다. 선명한 화면 모드는 대비를 높이는 모드이므로 실제로는 7:1(매직넘버 70)·15:1(매직넘버 90)처럼 더 높은 대비를 쓰는 경우가 많지만(13편), 어떤 요소도 4.5:1 아래로 떨어지면 안 된다는 하한선을 명시한 것이죠. 이는 선명모드 전환 시 색만 바꾸고 대비 검증을 빠뜨리는 실수를 막는 안전장치입니다. 선명한 화면 모드의 존재 이유가 ’더 잘 보이게’인데, 바닥선을 정해두지 않으면 일부 요소가 오히려 안 보일 수 있으니까요.

3. 점검 / 개선

무엇을 점검하나

4.5:1 하한 — 선명모드의 모든 전경·배경 쌍이 4.5:1 이상인가.

보조 요소 검증 — 보조 텍스트·아이콘·비활성 상태도 기준을 넘는가.

모드 전환 후 재검증 — 색 변경 후 대비를 다시 측정했는가.

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
디자이너	선명모드 색 조합 대비 4.5:1 이상 설계
퍼블리셔/개발	모드 전환 후 대비 검증

기관 유형	DS-119 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (선명모드 제공 시)

선명한 화면 모드를 제공하는 사이트 = 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 선명모드의 모든 글자·배경 대비가 4.5:1 이상인가요?

□ 보조 텍스트·아이콘도 기준을 넘나요?

□ 모드 전환 후 대비를 다시 측정했나요?

❓ FAQ

Q1. 13편(4.5:1)과 같은 기준 아닌가요? 같은 매직넘버 50(4.5:1)이지만, 13편은 일반 본문, 119편은 선명모드의 모든 요소에 하한선을 적용하는 규칙입니다. 모드 전환 시 누락 방지가 핵심이죠. Q2. 선명모드는 더 높아야 하지 않나요? 선명모드는 보통 7:1·15:1처럼 더 높은 대비를 씁니다. 119편은 어떤 요소도 4.5:1 아래로 떨어지지 않게 하는 ’최소 바닥선’입니다. Q3. KRDS를 채택하면 자동인가요? KRDS 선명모드 토큰은 높은 대비로 설계됐지만, 커스텀 색은 검증이 필요합니다.

6. 마무리

DS-119의 메시지:

선명모드의 바닥선은 4.5:1 — 대비를 높이는 모드인데 일부 요소가 그 아래로 떨어지면 모순이다.

선명한 화면 모드는 대비를 높이는 모드지만, 색 전환 과정에서 일부 요소의 대비가 떨어질 수 있습니다. 119편은 모든 전경·배경 쌍이 최소 4.5:1을 넘게 하는 하한선으로, 모드 전환 시 대비 누락을 막는 안전장치입니다.

다음 편은 선명모드의 기능 동등성을 다룹니다. 그리고 이것이 디자인 스타일(DS) 120개 규칙의 마지막입니다. DS-120 — “선명한 화면 모드 전환 시 일반 모드와 동일한 정보·기능을 제공한다.”

다음 편 예고 ▶ 「120. 선명한 화면 모드로 전환되었을 때에도 일반 모드와 동일한 정보와 기능을 제공하고 있다.」 (DS 마지막 편)

ViewCheck는 선명한 화면 모드의 전경·배경 대비가 4.5:1 이상인지를 진단합니다.

📚 참고 출처

KRDS 선명한 화면 모드 가이드 — https://www.krds.go.kr/html/site/style/style_02.html

WCAG 2.1 SC 1.4.3 Contrast (Minimum)

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준