본문 제목이 현재를 말한다

KRDS CP-071 — 브레드크럼의 마지막 항목으로 현재 화면의 경로를 생략하고 상위 화면을 경로로 제공하고 있다.

0. 들어가며 — 중복을 없애는 설계

이번 191편은 브레드크럼에서 현재 화면 경로를 생략하고 상위 화면을 경로로 제공하는 규칙입니다.

190편(마지막 항목은 상위 링크)을 보완하는 규칙입니다. 브레드크럼에 현재 페이지를 넣지 않고 상위까지만 표시 하라는 것이죠 — 현재 페이지는 본문 제목이 말해주니까요. 이번 편을 풀어냅니다.

1. 규칙 원문 — 현재 경로 생략

CP-071 (컴포넌트 > 브레드크럼) “브레드크럼의 마지막 항목으로 현재 화면의 경로를 생략하고 상위 화면을 경로로 제공하고 있다.”

브레드크럼에서 현재 페이지는 빼고, 상위 화면까지만 경로로 표시하라는 뜻입니다.

정리: 현재 화면 경로를 생략하고 상위 화면을 경로로 제공하라. 이게 CP-071입니다.

2. 왜 현재 경로를 생략하나

CP-070·071은 한 쌍으로, KRDS 브레드크럼의 독특한 방식을 정의합니다 — 현재 페이지는 브레드크럼에 넣지 않는다는 것이죠.

일반적인 브레드크럼은 “홈 > 정책 > 보도자료 > 현재 글 제목”으로 현재 페이지까지 표시합니다. 그런데 이 방식은 본문 제목과 중복됩니다. 현재 글 제목은 본문 맨 위 <h1>에도 크게 표시되는데, 브레드크럼 끝에도 또 나오면 같은 정보가 두 번 반복되죠. 게다가 브레드크럼의 현재 페이지 항목은 링크가 아니거나(자기 자신), 링크라도 무의미합니다.

KRDS는 이 중복을 없앱니다 — 브레드크럼은 상위까지만(홈 > 정책 > 보도자료), 현재 페이지 제목은 본문 제목(<h1>)이 담당하는 것이죠. 역할 분담입니다. 그러면:

브레드크럼은 모두 ’이동 가능한 상위 경로 링크’로 구성돼 깔끔하고 실용적입니다.

현재 페이지는 본문 제목이 크고 명확하게 보여주므로 정보 손실이 없습니다.

같은 정보(현재 페이지명)가 중복되지 않습니다.

이 방식에서 브레드크럼의 마지막 항목은 ‘현재의 바로 위(상위) 화면’이 됩니다(CP-070). 예를 들어 ’보도자료 목록 안의 특정 글’ 페이지라면 — 브레드크럼은 “홈 > 정책정보 > 보도자료”로 끝나고(보도자료=상위 목록), 글 제목은 본문 <h1>에 표시되죠. 사용자는 브레드크럼으로 상위(보도자료 목록)로 돌아가거나 더 위로 거슬러 갈 수 있고, 현재 위치는 본문 제목으로 명확히 압니다.

이는 정보 중복을 피하고 각 요소가 명확한 역할을 갖게 하는 설계입니다. 다음 편(CP-072)에서 브레드크럼과 본문 제목을 인접 배치해, 이 둘이 함께 ’경로 + 현재 위치’를 자연스럽게 전달하게 하죠. 브레드크럼(경로)과 본문 제목(현재)이 짝을 이루는 KRDS 특유의 구조입니다.

3. 점검 / 개선

무엇을 점검하나

현재 생략 — 브레드크럼에 현재 페이지가 빠졌는가(상위까지만).

본문 제목 표시 — 현재 페이지가 본문 제목(<h1>)에 표시되는가.

중복 없음 — 현재 페이지명이 브레드크럼·본문 제목에 중복되지 않는가.

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

역할	책임
퍼블리셔/개발	브레드크럼을 상위까지만, 현재는 본문 제목으로 구현

기관 유형	CP-071 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (브레드크럼 사용 시)

브레드크럼을 사용하는 사이트 = 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 브레드크럼에 현재 페이지가 빠졌나요(상위까지만)?

□ 현재 페이지가 본문 제목에 표시되나요?

□ 현재 페이지명이 중복되지 않나요?

❓ FAQ

Q1. 현재 페이지를 넣는 게 일반적 아닌가요? 일반적 방식은 그렇지만, KRDS는 중복을 피하려 현재는 본문 제목이, 상위 경로는 브레드크럼이 담당하게 합니다. Q2. 사용자가 현재 위치를 모르지 않나요? 본문 제목(<h1>)이 현재 위치를 크고 명확하게 보여줍니다. 정보 손실이 없습니다. Q3. KRDS를 채택하면 자동인가요? 표준 브레드크럼은 이 방식(현재 생략)을 따릅니다.

6. 마무리

CP-071의 메시지:

본문 제목이 현재를 말한다 — 브레드크럼은 상위 경로만, 중복을 없앤 역할 분담.

브레드크럼에서 현재 페이지를 생략하고 상위까지만 표시하면, 본문 제목(현재)과 브레드크럼(경로)이 역할을 분담해 중복이 없어집니다. 브레드크럼은 모두 이동 가능한 상위 링크가 되어 실용적이죠. CP-070과 한 쌍의 KRDS 특유 구조입니다.

다음 편은 브레드크럼과 본문 제목의 인접 배치를 다룹니다. CP-072 — “브레드크럼과 본문 제목 사이에 다른 요소가 존재하지 않게 한다.”

다음 편 예고 ▶ 「192. (CP-072) 브레드크럼과 본문 제목 사이에 다른 요소가 존재하지 않게 사용하고 있다.」

ViewCheck는 브레드크럼이 현재 경로를 생략하고 상위 화면을 제공하는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 브레드크럼(Breadcrumb) 가이드 — https://www.krds.go.kr/html/site/component/component_07.html

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

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