로고→연락처→유틸→정책→저작권

KRDS CP-034 — 푸터 섹션의 정보는 서비스 로고, 연락처, 유틸리티 링크, 정책 링크, 저작권 정보의 순으로 제공하고 있다.

0. 들어가며 — 푸터에도 순서가 있다

이번 154편은 푸터 정보의 표준 순서를 규정하는 규칙입니다.

헤더 요소에 순서가 있었듯(CP-018), 푸터에도 정해진 순서가 있습니다 — 서비스 로고 → 연락처 → 유틸리티 링크 → 정책 링크 → 저작권 정보. CP-034는 이 순서대로 푸터 정보를 배치하라고 규정하죠. 일관된 순서가 사용자의 정보 찾기를 돕습니다. 이번 편을 풀어냅니다.

1. 규칙 원문 — 정해진 순서

CP-034 (컴포넌트 > 푸터) “푸터 섹션의 정보는 서비스 로고 → 연락처 → 유틸리티 링크 → 정책 링크 → 저작권 정보의 순으로 제공하고 있다.”

푸터의 정보를 위 다섯 가지 순서대로 일관되게 배치하라는 뜻입니다.

정리: 푸터 정보는 로고→연락처→유틸리티→정책→저작권 순으로 제공하라. 이게 CP-034입니다.

2. 왜 이 순서인가

푸터의 다섯 정보 그룹은 ’중요도·성격’에 따라 자연스러운 순서로 배열됩니다.

① 서비스 로고 — 먼저 ’이 사이트가 무엇인지’를 다시 확인시킵니다. 푸터의 시작점이자 정체성 표시죠.

② 연락처 — 사용자가 푸터에서 가장 자주 찾는 정보 중 하나입니다. 전화·이메일·주소 등 ’문의하려면 어디로’를 앞쪽에 둡니다.

③ 유틸리티 링크 — 사이트맵·관련 사이트·자주 찾는 링크 등 부가 내비게이션입니다. 연락처 다음으로 유용한 링크 모음이죠.

④ 정책 링크 — 개인정보처리방침·이용약관·저작권정책 등 법적·정책 문서 링크입니다. 중요하지만 자주 보지는 않는 정보라 뒤쪽에 둡니다. (개인정보처리방침은 법적 의무, CP-036.)

⑤ 저작권 정보 — “© 2026 ○○기관. All rights reserved.” 같은 저작권 표시입니다. 페이지의 가장 마지막, 모든 정보의 끝에 마침표처럼 둡니다.

이 순서는 ’정체성(로고) → 소통(연락처) → 탐색(유틸리티) → 약속(정책) → 권리(저작권)’라는 논리적 흐름을 가집니다. 또 중요한 정보(연락처)를 앞에, 마무리 정보(저작권)를 끝에 두는 우선순위 배열이기도 하죠.

가장 큰 이유는 일관성입니다. 모든 정부 사이트가 같은 순서를 따르면, 사용자는 어느 사이트에서든 ’연락처는 푸터 위쪽, 정책은 아래쪽, 저작권은 맨 끝’이라는 기대로 빠르게 정보를 찾습니다. 순서가 제각각이면 매번 푸터 전체를 훑어야 하죠. CP-018(헤더 순서)과 같은 ’표준 순서가 예측 가능성을 만든다’는 원리입니다. 이 순서는 모바일에서 세로 배열로 바뀌어도 유지됩니다(CP-042).

3. 점검 / 개선

무엇을 점검하나

표준 순서 — 로고→연락처→유틸리티→정책→저작권 순인가.

저작권 마지막 — 저작권 정보가 푸터 맨 끝인가.

일관성 — 모든 페이지에서 같은 순서인가.

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

역할	책임
기획/디자이너	푸터 정보 그룹을 표준 순서로 구성
퍼블리셔/개발	표준 순서로 마크업

기관 유형	CP-034 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수

행정·공공기관 디지털 정부서비스 = 전부 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 푸터가 로고→연락처→유틸리티→정책→저작권 순인가요?

□ 저작권 정보가 푸터 맨 끝에 있나요?

□ 모든 페이지에서 같은 순서인가요?

❓ FAQ

Q1. 우리 사이트에 없는 정보는요? 해당 정보가 없으면 건너뛰되, 있는 정보들의 상대 순서는 표준을 따릅니다. Q2. 정책 링크를 더 위에 두면 안 되나요? 표준 순서(정책은 저작권 앞)를 따르는 것이 일관성에 좋습니다. 연락처·유틸리티가 더 자주 쓰여 앞에 옵니다. Q3. KRDS를 채택하면 자동인가요? 표준 푸터는 이 순서로 구성됩니다.

6. 마무리

CP-034의 메시지:

로고→연락처→유틸→정책→저작권 — 정체성에서 권리까지, 논리적이고 일관된 순서.

푸터 정보는 정체성(로고)→소통(연락처)→탐색(유틸리티)→약속(정책)→권리(저작권)의 논리 흐름이자 우선순위 순서로 배열합니다. 모든 정부 사이트가 같은 순서를 따라야 사용자가 예측 가능하게 정보를 찾죠. 모바일에서도 이 순서는 유지됩니다(CP-042).

다음 편은 푸터 상단 그룹의 묶음을 다룹니다. CP-035 — “서비스 로고·연락처·유틸리티 링크는 하나의 그룹으로 인지되게 표현한다.”

다음 편 예고 ▶ 「155. (CP-035) 푸터 섹션의 서비스 로고, 연락처, 유틸리티 링크는 하나의 그룹으로 인지될 수 있도록 표현하고 있다.」

ViewCheck는 푸터 정보가 표준 순서로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 푸터(Footer) 가이드 — https://www.krds.go.kr/html/site/component/component_04.html

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

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