상위 기관부터 차례로

KRDS CP-009 — 관련 기관이 2개 이상 존재하는 경우 기관의 계층 수준에 따라 로고를 순서대로 배치하고 있다.

0. 들어가며 — 여러 기관이 얽힐 때

이번 129편은 운영 관련 기관이 2개 이상일 때 계층 수준에 따라 로고를 순서대로 배치하는 규칙입니다.

정부 서비스는 한 기관이 단독으로 운영하기도 하지만, 여러 기관이 얽혀 있는 경우도 많습니다 — 예: 중앙 부처가 총괄하고 산하 기관이 실무를 맡는 식이죠. 이때 식별자에 여러 기관 로고가 들어가는데, 아무 순서로나 늘어놓으면 혼란스럽습니다. CP-009는 계층 수준(상위→하위) 에 따라 순서대로 배치하라고 규정합니다. 이번 편을 풀어 냅니다.

1. 규칙 원문 — 계층 수준 순서

CP-009 (컴포넌트 > 운영기관 식별자) “관련 기관이 2개 이상 존재하는 경우 기관의 계층 수준에 따라 로고를 순서대로 배치하고 있다.”

운영 관련 기관이 여럿이면, 기관의 계층(상위→하위) 순서대로 로고를 배치하라는 뜻입니다.

정리: 관련 기관이 2개 이상이면 계층 수준에 따라 로고를 순서대로 배치하라. 이게 CP-009입니다.

2. 왜 계층 순서인가 — 관계의 명확화

여러 기관이 한 서비스에 관여할 때, 그 기관들 사이엔 관계가 있습니다 — 보통 상위 기관(총괄·주관)과 하위 기관(소속·산하·실무)의 계층 구조죠. 예를 들어 ‘○○부 → 소속 청 → 산하 기관’ 같은 수준이 있습니다.

이 로고들을 아무 순서로나 배치하면, 사용자는 ‘어느 기관이 주관이고 어느 기관이 실무인지’ 알 수 없습니다. 하위 기관 로고가 먼저 오고 상위 기관이 뒤에 오면 관계가 거꾸로 읽히기도 하죠. 반대로 계층 수준에 따라 상위→하위 순서로 배치하면, 로고의 순서만으로 기관 간 관계와 책임 구조가 자연스럽게 드러납니다. “아, ○○부가 총괄하고 △△청이 운영하는구나”가 한눈에 보이는 것이죠.

이는 읽기 순서(레이아웃 편)·시각 위계(8편)의 원리가 식별자에 적용된 것입니다. 사람은 보통 왼쪽→오른쪽, 위→아래로 읽으므로, 그 순서에 ’상위→하위’라는 의미를 실으면 추가 설명 없이도 관계가 전달됩니다. 순서 자체가 정보가 되는 것이죠.

구현 시엔 운영 주체 간 계층 관계를 먼저 파악하고(주관 기관이 누구인지, 소속 관계가 어떤지), 그에 맞춰 로고 순서를 정합니다. 단일 기관이면 이 규칙은 해당 없음(N/A)이고, 2개 이상일 때만 적용되죠. 안내 텍스트·배치는 표준을 따르되(CP-010), 순서는 계층에 맞춥니다.

3. 점검 / 개선

무엇을 점검하나

계층 파악 — 관련 기관 간 상위/하위 관계가 파악됐는가.

순서 정확 — 로고가 상위→하위 순서로 배치됐는가.

2개 이상만 — 단일 기관이면 해당 없음(순서 무관).

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

역할	책임
기획	관련 기관 계층 관계 확정, 로고 순서 결정
디자이너/개발	계층 순서대로 로고 배치

기관 유형	CP-009 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (관련 기관 2개 이상일 때)

운영 관련 기관이 2개 이상인 서비스 = 해당. 단일 기관이면 N/A.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 관련 기관이 여럿일 때 계층 순서대로 로고가 배치됐나요?

□ 상위(주관) 기관이 먼저 오나요?

□ 순서만으로 기관 관계가 읽히나요?

❓ FAQ

Q1. 단일 기관이면요? 이 규칙은 2개 이상일 때 적용됩니다. 단일 기관이면 해당 없음(N/A)입니다. Q2. 계층이 모호하면요? 주관(총괄) 기관을 우선하고, 소속·협력 관계를 따져 순서를 정합니다. 불명확하면 주관 기관에 확인합니다. Q3. KRDS를 채택하면 자동인가요? 표준은 배치 형식을 제공하지만, 계층 순서는 기관이 직접 정해야 합니다.

6. 마무리

CP-009의 메시지:

상위 기관부터 차례로 — 로고의 순서가 곧 기관 간 관계와 책임 구조를 말한다.

여러 기관이 관여하면 계층 수준에 따라 상위→하위 순서로 로고를 배치합니다. 순서 자체가 관계 정보가 되어, ’누가 주관이고 누가 실무인지’가 추가 설명 없이 전달되죠. 단일 기관이면 해당 없는 규칙입니다.

다음 편은 식별자 안내 텍스트·배치를 다룹니다. CP-010 — “안내 텍스트와 요소의 배치를 변경하지 않고 적용한다.”

다음 편 예고 ▶ 「130. (CP-010) 안내 텍스트와 요소의 배치를 변경하지 않고 적용하고 있다.」

ViewCheck는 식별자의 여러 기관 로고가 계층 순서대로 배치됐는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 운영기관 식별자(Identifier) 가이드 — https://www.krds.go.kr/html/site/component/component_02.html

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

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