고대비 모드에선 넓은 흰 배경을 피하라

KRDS DS-114 — 선명한 화면 모드에서 넓은 면적의 요소에 흰 배경 색상 사용을 제한하고 있다.

0. 들어가며 — 어두운 모드에서 흰 배경의 문제

이번 114편은 선명한 화면 모드에서 넓은 면적에 흰 배경 사용을 제한하는 규칙입니다.

선명한 화면 모드는 보통 어두운 배경입니다(19편). 그런데 그 안에서 넓은 영역을 흰색으로 채우면, 어두운 화면에 갑자기 밝은 흰 면이 나타나 눈부심(glare) 을 유발하죠. 저시력·광과민 사용자에게 넓은 흰 배경은 오히려 불편합니다. DS-114는 넓은 면적의 흰 배경을 제한하라고 규정합니다. 이번 편은 그 이유를 풀어냅니다.

1. 규칙 원문 — 흰 배경 제한

DS-114 (디자인 스타일 > 선명한 화면 모드) “선명한 화면 모드에서 넓은 면적의 요소에 흰 배경 색상 사용을 제한하고 있다.”

선명한 화면 모드에서 넓은 영역을 흰색 배경으로 채우지 말라는 뜻입니다.

정리: 선명한 화면 모드에서 넓은 면적에 흰 배경 사용을 제한하라. 이게 DS-114입니다.

2. 왜 넓은 흰 배경을 제한하나

선명한 화면 모드는 어두운 배경 + 밝은 글자로 대비를 극대화합니다(5편·19편). 이 어두운 화면에서 넓은 영역을 흰색으로 채우면 두 가지 문제가 생깁니다.

첫째, 눈부심입니다. 어두운 화면에 갑자기 넓은 흰 면이 나타나면 밝기 차이가 너무 커서 눈이 부십니다. 특히 선명한 화면 모드를 쓰는 저시력·광과민 사용자는 밝은 빛에 민감해, 넓은 흰 배경이 오히려 불편하고 눈을 피로하게 하죠. 어두운 모드를 켠 이유(편안한 대비)가 무색해집니다.

둘째, 모드 일관성 훼손입니다. 선명한 화면 모드는 어두운 톤을 유지해야 하는데, 넓은 흰 배경이 끼면 화면이 어두운 모드인지 밝은 모드인지 모호해집니다. 어두운 모드의 일관된 톤이 깨지는 것이죠(118편의 일관성과 연결).

그래서 선명한 화면 모드에서는 넓은 면적을 흰색이 아니라 어두운 색이나 적정 톤으로 처리합니다. 작은 영역 (강조 등)에 흰색을 쓸 수는 있지만, 넓은 배경은 어두운 톤을 유지하죠. 이는 19편(어두운 모드의 깊이는 밝기로) 과 같은, ’어두운 모드의 톤을 일관되게 유지한다’는 원리입니다. 선명한 화면 모드는 단순히 대비만 높이는 게 아니라, 눈부심 없이 편안하게 또렷한 화면을 만드는 것이 목적이니까요.

3. 점검 / 개선

무엇을 점검하나

흰 배경 제한 — 선명모드에서 넓은 면적에 흰 배경이 쓰이지 않는가.

눈부심 — 넓은 흰 면으로 눈부심이 생기지 않는가.

톤 일관성 — 어두운 모드 톤이 유지되는가.

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

역할	책임
디자이너	선명모드 넓은 면적 톤 설계(흰 배경 제한)
퍼블리셔/개발	모드별 배경 색 구현

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 선명모드에서 넓은 영역에 흰 배경을 쓰지 않나요?

□ 넓은 흰 면으로 눈부심이 생기지 않나요?

□ 어두운 모드 톤이 일관되게 유지되나요?

❓ FAQ

Q1. 흰색을 아예 못 쓰나요? 넓은 면적이 제한 대상입니다. 작은 영역(글자·강조 등)에 흰색은 쓸 수 있습니다. 넓은 배경을 흰색으로 채우지 말라는 것입니다. Q2. 왜 눈부심이 문제인가요? 선명한 화면 모드 사용자(저시력·광과민)는 밝은 빛에 민감합니다. 어두운 화면의 넓은 흰 면은 눈부셔서 오히려 불편하죠. Q3. KRDS를 채택하면 자동인가요? KRDS 선명모드는 넓은 면적에 어두운 톤을 적용합니다.

6. 마무리

DS-114의 메시지:

고대비 모드에선 넓은 흰 배경을 피하라 — 눈부심 없이 편안하게 또렷한 화면을.

어두운 선명한 화면 모드에서 넓은 흰 배경은 눈부심을 유발하고 모드 톤을 깹니다. 넓은 면적은 어두운 톤을 유지해, 눈부심 없이 또렷한 화면을 만들어야 하죠. 선명한 화면 모드는 대비만이 아니라 ’편안한 또렷함’이 목적입니다.

다음 편은 모드별 이미지를 다룹니다. DS-115 — “기본 모드와 선명한 화면 모드 각각 별도 버전으로 래스터 이미지를 적용한다.”

다음 편 예고 ▶ 「115. 기본 모드와 선명한 화면 모드 각각 별도 버전으로 래스터 이미지(JPEG, PNG, GIF 등)를 적용하고 있다.」

ViewCheck는 선명한 화면 모드에서 넓은 면적에 흰 배경이 제한됐는지를 진단합니다.

📚 참고 출처

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

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

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