급한 건 눈에 띄게

KRDS SP-002 — 시급하거나 중요한 정보를 사용자가 빠르게 인지할 수 있도록 제공하고 있다.

0. 들어가며 — 긴급 공지가 묻혀 있으면

이번 676편은 시급하거나 중요한 정보를 사용자가 빠르게 인지할 수 있도록 제공하라는 규칙입니다.

재난 안내, 긴급 공지, 마감 임박 같은 — 시급·중요 정보가, 일반 콘텐츠에 묻혀 있으면 사용자가 놓치죠. SP-002는 이런 정보를 빠르게 인지하게 제공하라고 규정합니다. 긴급 공지 컴포넌트(CP)의 방문 화면 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 시급·중요 정보 빠른 인지

SP-002 (서비스 패턴 > 방문) “시급하거나 중요한 정보를 사용자가 빠르게 인지할 수 있도록 제공하고 있다.”

시급·중요 정보를 사용자가 빠르게 인지하게 제공하라는 뜻입니다.

정리: 시급·중요 정보를 빠르게 인지하게 제공하라. 이게 SP-002입니다.

2. 왜 빠른 인지인가

공공 사이트에는 시급하거나 중요한 정보가 있습니다: 재난·안전 안내, 긴급 공지, 서비스 점검, 마감 임박 신청 등. 이런 정보는 사용자가 빠르게 인지해야 제때 대응하죠. SP-002는 이를 요구합니다.

시급 정보가 묻힐 때의 문제:

놓침 긴급 공지가 일반 콘텐츠에 섞여 묻히면, 사용자는 그걸 못 보고 지나칩니다. 재난·점검 안내를 놓치면 큰 문제죠.

대응 지연 시급 정보를 빨리 못 보면, 대응이 늦습니다. 마감을 놓치거나, 위험을 모르고 지나치죠.

그래서 SP-002는 — 빠른 인지를 요구합니다:

눈에 띄는 위치 시급·중요 정보를 화면 상단·잘 보이는 곳에 둡니다. 사용자가 페이지를 열자마자 보게요. 긴급할수록 더 눈에 띄게요.

시각적 강조 긴급 공지·재난 배너 등으로 시각적으로 강조합니다(긴급 공지 컴포넌트 CP-158~167). 주의 색·아이콘 ·큰 텍스트로요. 단, 색만 의존 말고 텍스트·아이콘도(WCAG 1.4.1).

우선순위 반영 중요도에 따라 배치·강조를 차등합니다. 가장 시급한 건 가장 눈에 띄게(예: 재난 시 전체 너비 배너), 덜 중요한 건 적절히요.

접근성 시급 정보도 스크린 리더가 빠르게 인지하게요. 동적으로 뜨는 긴급 안내는 aria-live로요(BP-049 정신). 시각 강조만으론 스크린 리더 사용자가 모르죠.

과용 경계. 단, 모든 걸 ’중요’로 강조하면, 정작 중요한 게 안 띕니다(강조 절제 BP-039 정신). 정말 시급·중요 한 것만 강조하죠. 남발하면 사용자가 둔감해집니다.

공공 서비스의 책무. 재난·안전·긴급 정보를 국민이 빨리 인지하게 하는 건, 공공 서비스의 중요한 책무입니다. 생명·안전과 직결될 수도 있죠. 빠른 인지 설계는 그래서 중요합니다.

이 규칙은 방문(SP)의 ’시급 정보 전달’을 담당합니다 — 시급·중요 정보를 빠르게 인지하게 제공해(002), 사용자가 제때 대응하게 하죠. 긴급 공지 컴포넌트의 화면 적용입니다.

정리하면 — 시급·중요 정보가 묻히면 사용자가 놓치고 대응이 늦으므로, 눈에 띄는 위치·시각 강조(색만 아님)·우선순위 반영·접근성으로 빠르게 인지하게 하되 과용은 피해야 합니다.

3. 점검 / 개선

무엇을 점검하나

위치·강조 — 시급·중요 정보가 눈에 띄는 위치에 시각 강조되는가.

우선순위 — 중요도에 따라 배치·강조가 차등되는가.

접근성·절제 — 스크린 리더 인지(aria-live) + 강조 남발이 없는가.

개선 방향

시급 정보를 상단·잘 보이는 곳에 강조(긴급 공지 CP-158~167, 색만 아님).

중요도 차등. 동적 긴급은 aria-live. 강조 절제(정말 중요한 것만).

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

역할	책임
기획/UX	시급 정보 우선순위·강조 정책
콘텐츠 담당	긴급 정보 등록

기관 유형	SP-002 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (긴급·중요 정보 제공)

긴급·중요 정보를 제공하는 모든 공공 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 시급·중요 정보가 눈에 띄는 위치에 시각 강조되나요?

□ 중요도에 따라 배치·강조가 차등되나요?

□ 스크린 리더 인지(aria-live) + 강조 남발이 없나요?

❓ FAQ

Q1. 시급 정보를 어떻게 강조하나요? 화면 상단·잘 보이는 곳에 긴급 공지·재난 배너(CP-158~167)로요. 주의 색·아이콘·큰 텍스트로 강조하되 색만 의존하지 않습니다(WCAG 1.4.1). Q2. 모든 정보를 강조하면 안전하지 않나요? 아니요. 모든 걸 ’중요’로 강조하면 정작 중요한 게 안 띕니다(강조 절제 BP-039). 정말 시급한 것만 강조해야 효과가 있죠. Q3. 스크린 리더에도 알려야 하나요? 네. 동적으로 뜨는 긴급 안내는 aria-live로요(BP-049). 시각 강조만으론 스크린 리더 사용자가 시급 정보를 모르죠.

6. 마무리

SP-002의 메시지:

급한 건 눈에 띄게 — 시급·중요 정보를 빠르게 인지하게 제공하라.

시급 정보가 묻히면 사용자가 놓치고 대응이 늦습니다. 눈에 띄는 위치·시각 강조·우선순위·접근성으로 빠르게 인지하게 하되 과용은 피하는 게 핵심이죠. 다음 편은 사용자 데이터 기반 콘텐츠 배치입니다.

다음 편 예고 ▶ 「677. (SP-003) 사용자 데이터를 기반으로 한 우선순위에 따라 콘텐츠를 배치하고 있다.」

ViewCheck는 시급·중요 정보가 빠르게 인지되게 제공되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 방문 가이드 — https://www.krds.go.kr/html/site/service/service_01.html

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

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